:root{
  --container: 1200px;
  --gutter: 18px;
  --cover-b: #243F7A;

  --bar-h: 84px;
  --bar-radius: 0px; /* در تصویر گوشه‌ها تقریبا تیزه؛ اگر خواستی 12px کن */

  --bar-bg: rgba(8, 20, 45, .72); /* بکگراند کادر */
  --bar-border: rgba(255,255,255,.08);
  --bar-shadow: 0 12px 34px rgba(0,0,0,.35);
  
  --c-blue: #243F7A;
  --c-dark: #1F1F1F;
  --c-dark-2:#262626;
  --c-red:  #E10600;
  --c-cta:  var(--cover-b);

  --header-h: 78px;           /* ارتفاع منو */
  --hero-min: 560px;          /* اگر بخوای حداقل ارتفاع داشته باشه */

  --c-text: #fff;
  --c-muted:#B9B9B9;
  --c-border: rgba(255,255,255,.12);

  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;

  --shadow: 0 10px 30px rgba(0,0,0,.35);

  --font-en-head: "Bebas Neue", sans-serif;
  --font-en-body:  "Bebas Neue", sans-serif;
  --font-fa-body: "Vazirmatn", system-ui, -apple-system, "Segoe UI", Arial;
}

/* زبان/جهت = فونت */
html[lang="en"] body{ font-family: var(--font-en-body); }
html[lang="fa"] body{ font-family: var(--font-fa-body); }

*{ box-sizing:border-box; }
body{
  margin:0;
  background: var(--c-dark);
  color: var(--c-text);
  line-height:1.65;
}

/* ریزپولیش RTL (برای اینکه چینش + آیکن‌ها درست برعکس شوند) */
html[dir="rtl"] .features-grid li{
  padding-left: 0;
  padding-right: 18px;
}
html[dir="rtl"] .features-grid li::before{
  left: auto;
  right: 0;
}

html[dir="rtl"] .news-plus{
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] .why-btn-wrap{ text-align:left; }

.container{
  width: min(var(--container), calc(100% - (var(--gutter)*2)));
  margin-inline:auto;
  position:relative;
}

.site-header{
  height: var(--header-h);
  display:flex;
  align-items:center;
  position: sticky;
  top:0;
  z-index:50;
  background: rgba(10,20,40,.55);
  backdrop-filter: blur(10px);
}

.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
}

.nav{
  display:flex;
  align-items:center;
  gap:26px;
}

.nav-link{
  font-size:14px;
  color: rgba(255,255,255,.82);
  position:relative;
  padding: 8px 2px;
}
.nav-link:hover{ color:#fff; }

.nav-link.is-active::after{
  content:"";
  position:absolute;
  inset-inline-start:0;
  inset-inline-end:0;
  bottom:2px;
  height:2px;
  background: var(--c-red);
  opacity:.9;
}

.lang{ display:flex; gap:10px; }
.lang-btn{
  border:0;
  background:transparent;
  color: rgba(255,255,255,.85);
  cursor:pointer;
  font-weight:700;
}
.lang-btn:hover{ color:#fff; }

/* ---- HERO: دقیقا فول اسکرین بدون کات ---- */
.hero{
  position: relative;

  /* مهم: هیرو باید کل ویوپورت را بگیرد (هدر شناور روی آن می‌نشیند) */
  height: 100vh;
  height: 100dvh; /* برای موبایل بهتر */

  min-height: var(--hero-min);
  overflow:hidden;
}

.hero-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform: scale(1.0);
}

.hero-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(10,25,60,.70) 0%, rgba(10,25,60,.35) 55%, rgba(10,25,60,.20) 100%);
}

.hero-inner{
  position:relative;
  height:100%;
  display:flex;
  align-items:center;           /* وسط‌چین عمودی */
  justify-content:flex-start;
  padding-block: 24px;          /* نفس دادن که کات نشه */
}

.hero-copy{
  max-width: 520px;
}

.hero-title{
  display:flex;
  gap:14px;
  align-items:flex-start;
}

.red-square{
  width:18px;
  height:18px;
  background: var(--c-red);
  margin-block-start: 18px;
  flex:0 0 auto;
}

.h1{
  margin:0;
  color: var(--c-text);
  font-weight:800;
  letter-spacing:.5px;
  text-transform:uppercase;
  line-height:1;
  font-size: clamp(44px, 5vw, 86px);
}

.lead{
  margin: 14px 0 18px;
  color: var(--c-muted);
  font-size: clamp(16px, 2.4vw, 33px);
  font-weight: 100;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 16px;
  font-weight:800;
  font-size:12px;
  letter-spacing:.4px;
}
.btn-primary{ background: var(--c-cta); color:#fff; }

/* خط وسط */
.center-line{
  position:absolute;
  top:0;
  bottom:0;
  inset-inline-start:50%;
  width:1px;
  background: rgb(255 255 255 / 46%);
}

/* Scroll Down پایین وسط */
.hero-scroll{
  position:absolute;
  inset-inline-start:50%;
  transform: translateX(-50%);
  bottom: 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  color: rgba(255,255,255,.6);
  font-size: 12px;
}

.hero-scroll-line{
  width:1px;
  height:44px;
  background: rgba(255,255,255,.25);
}

/* ریسپانسیو: اگر عرض کم شد، منو جمع شود */
@media (max-width: 1024px){
  .nav{ display:none; } /* بعداً همبرگری می‌کنیم */
  :root{ --header-h: 70px; }
}


/* هدر: فقط نقش جایگاه (sticky) */
.floating-header{
  /* باید به بالا بچسبد و همیشه روی سایت بماند */
  position: fixed;
  top: 18px;
  left: 0;
  right: 0;
  z-index: 999;
  pointer-events: none; /* تا فقط خود کادر کلیک بگیرد */
}

/* خود کادر مستطیلی */
.floating-header__bar{
  pointer-events: auto;

  width: min(var(--container), calc(100% - (var(--gutter) * 2)));
  margin-inline: auto;

  height: var(--bar-h);
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  align-items: center;
  gap: 22px;

  padding-inline: 26px;

  background: var(--bar-bg);
  border: 1px solid var(--bar-border);
  border-radius: var(--bar-radius);
  box-shadow: var(--bar-shadow);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* لوگو */
.floating-header__brand{
  color: var(--c-text);
  font-weight: 900;
  letter-spacing: .5px;
  font-size: 34px;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

/* خط عمودی کنار لوگو */
.floating-header__divider{
  width: 1px;
  height: 44px;
  background: rgba(255,255,255,.18);
}

/* nav */
.floating-header__nav{
  display: flex;
  align-items: center;
  gap: 34px;
  justify-content: center;
}

.nav-link{
  color: var(--c-muted);
  font-size: 14px;
  text-decoration: none;
  position: relative;
  padding-block: 10px;
  white-space: nowrap;
}

.nav-link:hover{ color: #fff; }

.nav-link.is-active{
  color: #fff;
}

.nav-link.is-active::after{
  content:"";
  position:absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 6px;
  height: 2px;
  background: var(--c-red);
}

/* language */
.floating-header__lang{
  display:flex;
  align-items:center;
  gap: 18px;
}

.lang-btn{
  background: transparent;
  border: 0;
  color: rgba(255,255,255,.75);
  cursor: pointer;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .3px;
  padding: 8px 0;
  position: relative;
}

.lang-btn.is-active{
  color: #fff;
}

.lang-btn.is-active::before{
  content:"";
  width: 5px;
  height: 5px;
  background: var(--c-red);
  border-radius: 50%;
  display: inline-block;
  margin-inline-end: 6px;
  transform: translateY(-1px);
}

/* ریسپانسیو: وقتی عرض کم شد nav مخفی و همبرگر اضافه می‌کنیم */
@media (max-width: 1024px){
  .floating-header__bar{
    grid-template-columns: auto 1fr auto;
    gap: 14px;
    padding-inline: 16px;
    height: 72px;
  }
  .floating-header__divider{ display:none; }
  .floating-header__nav{ display:none; }
}

.about-section{
  position: relative;
  background: #262626;
  overflow: hidden;
  border-bottom: 0.5px solid #B9B9B9;
}

/* pattern نقطه‌ای */
.about-section::before {
    content: "";
    position: absolute;
    inset: 0;

    background-image: radial-gradient(
        rgba(255,255,255,.25) 1px,
        transparent 1px
    );

    background-size: 30px 30px;


    -webkit-mask-image: linear-gradient(
        to right,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,.8) 30%,
        rgba(0,0,0,.3) 60%,
        rgba(0,0,0,0) 100%
    );

    mask-image: linear-gradient(
        to right,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,.8) 30%,
        rgba(0,0,0,.3) 60%,
        rgba(0,0,0,0) 100%
    );

    pointer-events: none;
}

/* container */
.about-container{
  width: min(1200px, 90%);
  margin: auto;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  align-items: center;
  gap: 60px;
  z-index: 2;
    padding: 120px 0;
}

/* متن سمت چپ */
.about-left{
  color: rgba(255,255,255,.75);
  font-size: 14px;
  line-height: 1.8;
  max-width: 520px;
}

.about-left p{
  margin-bottom: 20px;
}

/* دکمه */
.about-btn{
  display: inline-block;
  margin-top: 20px;
  padding: 12px 22px;
  background: var(--cover-b);
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .5px;
}

/* خط وسط */
.about-divider{
  width: 1px;

  height: 100%;
}

/* سمت راست */
.about-right{
  display: flex;
  justify-content: flex-end;
}

.about-title-wrap{
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

/* مربع قرمز */
.about-red-square{
  width: 18px;
  height: 18px;
  background: #E10600;
  margin-top: 18px;
}

/* عنوان بزرگ */
.about-title{
  margin: 0;
  color: rgba(255,255,255,.85);
  font-size: clamp(40px, 4vw, 86px);
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

@media (max-width: 1024px){

  .about-container{
    grid-template-columns: 1fr;
    gap: 60px;
    text-align: center;
  }

  .about-divider{
    display: none;
  }

  .about-right{
    justify-content: center;
  }

  .about-title-wrap{
    justify-content: center;
  }

}

.products-section{
  position: relative;
  background: #262626;
  padding: 40px 0 40px 0;
  overflow: hidden;
  border-bottom: 0.5px solid #B9B9B9;
}

/* pattern نقطه‌ای */
.products-section::before{
    content: "";
    position: absolute;
    inset: 0;

    background-image: radial-gradient(
        rgba(255,255,255,.25) 1px,
        transparent 1px
    );

    background-size: 30px 30px;


    -webkit-mask-image: linear-gradient(
        to right,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,.8) 30%,
        rgba(0,0,0,.3) 60%,
        rgba(0,0,0,0) 100%
    );

    mask-image: linear-gradient(
        to right,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,.8) 30%,
        rgba(0,0,0,.3) 60%,
        rgba(0,0,0,0) 100%
    );

    pointer-events: none;
}

.products-container{
  width: min(1200px, 90%);
  margin: auto;
  position: relative;
  z-index:2;
}

/* تیتر بالا */
.products-header{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:40px;
}

.products-red-square{
  width:18px;
  height:18px;
  background:#E10600;
}

.products-main-title{
  font-size: clamp(40px, 7vw, 108px);
  font-weight:400;
  color: rgba(255,255,255,.85);
  margin:0;
  text-transform: uppercase;
}

/* grid اصلی */
.products-grid{
  display:grid;
  /* برای اینکه خط وسط دقیقاً وسط صفحه باشد */
  grid-template-columns: 1fr 1px 1fr;
  gap: 60px;
  align-items: center;
}

/* سمت چپ */
.product-top{
  display:flex;
  align-items: baseline;
  gap:20px;
}

.product-number{
  font-size:72px;
  font-weight:800;
  color:var(--cover-b);
}

.product-title{
  font-size:32px;
  font-weight:700;
  color:#fff;
  margin:0;
}

.product-desc{
  color:rgba(255,255,255,.75);
  line-height:1.8;
  margin:30px 0;
  max-width:520px;
}

.product-divider{
  height:1px;
  background:rgba(255,255,255,.15);
  margin:40px 0;
}

.features-title{
  font-size:40px;
  color:#fff;
  margin-bottom:20px;
}

.features-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom:40px;
}

.features-grid ul{
  list-style:none;
  padding:0;
  margin:0;
}

.features-grid li{
  position:relative;
  padding-left:18px;
  margin-bottom:10px;
  color:rgba(255,255,255,.75);
  font-size:14px;
}

.features-grid li::before{
  content:"";
  width:6px;
  height:6px;
  background:#E10600;
  position:absolute;
  left:0;
  top:8px;
}

/* دکمه */
.products-btn{
  display:inline-block;
  padding:12px 22px;
  background:var(--cover-b);
  color:#fff;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
  letter-spacing:.5px;
}

/* خط وسط */
.products-divider{
  width:1px;
  background:rgba(255,255,255,.15);
  height:100%;
}

/* سمت راست */
.products-right{
  display:flex;
  justify-content:center;
}

.products-right img{
  max-width:420px;
  width:100%;
}

@media (max-width: 1024px){

  .products-grid{
    grid-template-columns: 1fr;
    gap:80px;
  }

  .products-divider{
    display:none;
  }

  .features-grid{
    grid-template-columns: 1fr;
  }

}

.apart-section{
  position: relative;
  background: #262626;
  padding: 50px 0;
  overflow: hidden;
}

/* pattern */
.apart-section::before{
  content: "";
    position: absolute;
    inset: 0;

    background-image: radial-gradient(rgb(255 255 255 / 14%) 1px, transparent 1px);

    background-size: 30px 30px;


    -webkit-mask-image: linear-gradient(
        to right,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,.8) 30%,
        rgba(0,0,0,.3) 60%,
        rgba(0,0,0,0) 100%
    );

    mask-image: linear-gradient(
        to right,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,.8) 30%,
        rgba(0,0,0,.3) 60%,
        rgba(0,0,0,0) 100%
    );

    pointer-events: none;
}

.apart-container{
  width: min(1200px, 90%);
  margin:auto;
  position:relative;
  display:grid;
  /* برای اینکه خط وسط دقیقاً وسط صفحه باشد */
  grid-template-columns: 1fr 1px 1fr;
  gap: 60px;
  align-items:center;
  z-index:2;
}

/* عنوان سمت چپ */
.apart-title-wrap{
  display:flex;
  align-items:flex-start;
  gap:16px;
}

.apart-red-square{
  width:18px;
  height:18px;
  background:#E10600;
  margin-top:18px;
}

.apart-title{
  margin:0;
  font-size: clamp(40px, 4vw, 80px);
  font-weight:800;
  color: rgba(255,255,255,.9);
  line-height:1;
  text-transform: uppercase;
}

/* خط وسط */
.apart-divider{
  width:1px;
  background:rgba(255,255,255,.15);
  height:100%;
}

/* سمت راست */
.apart-right{
  display:flex;
  justify-content: space-between;
  gap: 40px;
}

.apart-item{
  max-width: 220px;
}

.apart-icon{
  width:60px;
  height:60px;
  background:#E10600;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
}

.apart-icon img{
  width:40px;
  height:40px;
}

.apart-item h4{
  font-size:14px;
  color:#fff;
  margin-bottom:10px;
  font-weight:700;
}

.apart-item p{
  font-size:13px;
  color:rgba(255,255,255,.7);
  line-height:1.6;
}

@media (max-width: 1024px){

  .apart-container{
    grid-template-columns: 1fr;
    gap:80px;
  }

  .apart-divider{
    display:none;
  }

  .apart-right{
    flex-direction: column;
    align-items:center;
    text-align:center;
  }

  .apart-item{
    max-width: 320px;
  }

}

.trust-section{
  position: relative;
  height: 160vh;
  overflow: hidden;
  background: #000;
}

/* ویدیو فول اسکرین */
.trust-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

/* لایه تیره برای خوانایی */
.trust-overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,.65) 0%,
    rgba(0,0,0,.45) 40%,
    rgba(0,0,0,.20) 70%
  );
  z-index: 2;
}

/* متن */
.trust-content{
  position: relative;
  z-index: 3;
  width: min(1200px, 90%);
  margin: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 16rem;
  
}

.trust-title{
  font-size: clamp(40px, 4vw, 80px);
  font-weight: 500;
  color: #fff;
  line-height: 1.1;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.trust-title span{
  color: #E10600;
}

.trust-btn{
  display: inline-block;
  padding: 12px 24px;
  background: var(--cover-b);
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .5px;
}

/* خط عمودی وسط */
.trust-divider{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: rgba(255,255,255,.15);
  z-index: 3;
}

@media (max-width: 768px){

  .trust-content{
    align-items: center;
    text-align: center;
  }

  .trust-divider{
    display: none;
  }

  .trust-video{
    display: none;
  }

  .trust-section{
    background: url("../img/fallback.jpg") center/cover no-repeat;
  }
}

.why-section{
  position: relative;
  background: #262626;
  padding: 75px 0 85px 0;
  overflow: hidden;
  border-bottom: 0.5px solid #B9B9B9;
}

/* pattern صنعتی */
.why-section::before{
 content: "";
    position: absolute;
    inset: 0;

    background-image: radial-gradient(rgb(255 255 255 / 14%) 1px, transparent 1px);

    background-size: 30px 30px;


    -webkit-mask-image: linear-gradient(
        to right,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,.8) 30%,
        rgba(0,0,0,.3) 60%,
        rgba(0,0,0,0) 100%
    );

    mask-image: linear-gradient(
        to right,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,.8) 30%,
        rgba(0,0,0,.3) 60%,
        rgba(0,0,0,0) 100%
    );

    pointer-events: none;
}

.why-container{
  width: min(1200px, 90%);
  margin:auto;
  position:relative;
  z-index:2;
}

/* تیتر */
.why-header{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:80px;
}

.why-red-square{
  width:18px;
  height:18px;
  background:#E10600;
}

.why-title{
  font-size: clamp(40px, 4vw, 80px);
  font-weight:800;
  color: rgba(255,255,255,.9);
  margin:0;
  text-transform: uppercase;
}

/* آیتم‌ها */
.why-content{
  max-width: 900px;
  margin-left: auto;
}

.why-item{
  display:flex;
  gap: 10px;
  margin-bottom:40px;
}

.why-number {
    font-size: 60px;
    font-weight: 100;
    color: rgba(255,255,255,.35);
    min-width: 80px;
    display: flex;
    gap: 40px;
    align-items: flex-start;
    line-height: 1;
}

.why-item p{
  color:rgba(255,255,255,.75);
  line-height:1.8;
  font-size:14px;
  margin:0;
}

/* دکمه */
.why-btn-wrap{
  text-align:center;
}

.why-btn{
  display:inline-block;
  padding:12px 24px;
  background:var(--cover-b);
  color:#fff;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
}

/* خط وسط ادامه‌دار */
.why-divider{
  position:absolute;
  top:0;
  bottom:0;
  inset-inline-start:50%;
  width:1px;
  background:rgba(255,255,255,.15);
}

@media (max-width: 1024px){

  .why-content{
    margin: 0;
  }

  .why-item{
    flex-direction: column;
    gap: 20px;
  }

  .why-divider{
    display:none;
  }

  .why-btn-wrap{
    text-align:center;
  }

}

.news-section{
  position: relative;
  background: #262626;
  padding: 0px 0;
  overflow: hidden;
  border-bottom: 0.5px solid #B9B9B9;
}

/* pattern صنعتی */
.news-section::before{
  content: "";
    position: absolute;
    inset: 0;

    background-image: radial-gradient(rgb(255 255 255 / 14%) 1px, transparent 1px);

    background-size: 30px 30px;


    -webkit-mask-image: linear-gradient(
        to right,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,.8) 30%,
        rgba(0,0,0,.3) 60%,
        rgba(0,0,0,0) 100%
    );

    mask-image: linear-gradient(
        to right,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,.8) 30%,
        rgba(0,0,0,.3) 60%,
        rgba(0,0,0,0) 100%
    );

    pointer-events: none;
}

.news-container{
  width: min(1200px, 90%);
  margin:auto;
  position:relative;
  display:grid;
  /* برای اینکه خط وسط دقیقاً وسط صفحه باشد */
  grid-template-columns: 1fr 1px 1fr;
  gap: 60px;
  z-index:2;
}

/* سمت چپ */
.news-item{
  border-bottom: 1px solid rgba(255,255,255,.15);
  padding: 40px 0;
}

.news-row{
  display:flex;
  align-items:flex-start;
  gap: 30px;
}

.news-number{
  font-size:60px;
  font-weight:800;
  color:var(--cover-b);
  min-width:70px;
}

.news-content h4{
  margin:0 0 10px;
  font-size:18px;
  color:#fff;
}

.news-content p{
  margin:0;
  font-size:14px;
  color:rgba(255,255,255,.75);
  line-height:1.7;
}

/* دکمه + */
.news-plus{
  margin-left:auto;
  background:#E10600;
  color:#fff;
  border:none;
  width:34px;
  height:34px;
  font-size:20px;
  cursor:pointer;
}

/* خط وسط */
.news-divider{
  width:1px;
  background:rgba(255,255,255,.15);
}

/* سمت راست */
.news-right{
  display:flex;
  flex-direction:column;
  justify-content: center;
    align-items: center;
}

.news-title-wrap{
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin-bottom:40px;
}

.news-red-square{
  width:18px;
  height:18px;
  background:#E10600;
  margin-top:18px;
}

.news-right h2{
  font-size: clamp(40px, 4vw, 80px);
  font-weight:600;
  line-height: 1.1;
  margin:0;
  color:rgba(255,255,255,.9);
  text-transform: uppercase;
}

.news-btn{
  display:inline-block;
  padding:12px 24px;
  background:var(--cover-b);
  color:#fff;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
}

@media (max-width: 1024px){

  .news-container{
    grid-template-columns: 1fr;
    gap: 80px;
  }

  .news-divider{
    display:none;
  }

  .news-row{
    flex-direction: column;
    gap: 20px;
  }

  .news-plus{
    align-self:flex-start;
  }

  .news-right{
    align-items:center;
    text-align:center;
  }

}

.distance-section{
  position: relative;
  height: 160vh;
  overflow: hidden;
  background: url("../img/globe.png") center / cover no-repeat;
}

/* لایه تصویر */
.distance-section::before{
  content:"";
  position:absolute;
  inset:0;
  
  opacity: .9;
  z-index:1;
  transform: translateY(calc(var(--move, 0px) * -1));
  transition: transform .2s linear;
}

/* glow آبی */
.distance-section::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle at 30% 50%, rgba(0,100,255,.4), transparent 60%);
  mix-blend-mode: screen;
  animation: glowMove 6s ease-in-out infinite alternate;
  z-index:2;
}

/* overlay تیره */
.distance-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,.8) 0%,
    rgba(0,0,0,.6) 50%,
    rgba(0,0,0,.5) 100%
  );
  z-index:3;
}

/* متن */
.distance-content{
  position:absolute;
  top:50%;
  inset-inline-start:50%;
  transform: translate(-50%, -50%);
  text-align:center;
  z-index:4;
  width:min(1000px, 90%);
}

.distance-title{
  font-size: clamp(36px, 4vw, 80px);
  font-weight:300;
  color:#fff;
  letter-spacing:2px;
  opacity:0;
  transform: translateY(40px);
  transition: all .8s ease;
}

/* وقتی فعال شود */
.distance-section.active .distance-title{
  opacity:1;
  transform: translateY(0);
}

/* خط وسط */
.distance-divider{
  position:absolute;
  top:0;
  bottom:0;
  inset-inline-start:50%;
  width:1px;
  background:rgba(255,255,255,.15);
  z-index:5;
}

/* انیمیشن glow */
@keyframes glowMove{
  from{
    background: radial-gradient(circle at 25% 50%, rgba(0,120,255,.5), transparent 60%);
  }
  to{
    background: radial-gradient(circle at 35% 55%, rgba(0,120,255,.7), transparent 60%);
  }
}

.newsletter-section{
  position: relative;
  background:#262626;
  padding:50px 0;
  border-top:1px solid rgba(255,255,255,.15);
  border-bottom:1px solid rgba(255,255,255,.15);
}

.newsletter-container{
  width:min(1200px, 90%);
  margin:auto;
  display:grid;
  /* برای اینکه خط وسط دقیقاً وسط صفحه باشد */
  grid-template-columns: 1fr 1px 1fr;
  align-items:center;
  gap:60px;
}

/* لوگو */
.newsletter-brand img{
  max-width:420px;
}

/* خط وسط */
.newsletter-divider{
  width:1px;
  height:120px;
  background:rgba(255,255,255,.15);
}

/* سمت راست */
.newsletter-content{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.newsletter-heading{
  color:rgba(255,255,255,.65);
  font-size:14px;
  margin:0;
  letter-spacing:.5px;
}

/* فرم */
.newsletter-form{
  display:flex;
  align-items:center;
  max-width:480px;
}

.newsletter-form input{
  flex:1;
  height:50px;
  padding:0 16px;
  border:none;
  background:#dcdcdc;
  font-size:14px;
  outline:none;
}

.newsletter-form button{
  width:60px;
  height:50px;
  border:none;
  background:#E10600;
  color:#fff;
  font-size:20px;
  cursor:pointer;
  transition:.3s;
  display:flex;
  align-items:center;
  justify-content:center;
}

.newsletter-form button:hover{
  background:#c40000;
  transform: translateX(3px);
}
@media (max-width:1024px){

  .newsletter-container{
    grid-template-columns:1fr;
    gap:50px;
    text-align:center;
  }

  .newsletter-divider{
    display:none;
  }

  .newsletter-brand img{
    margin:auto;
  }

  .newsletter-form{
    margin:auto;
  }

}

.main-footer{
  background:#262626;
  padding-top:80px;
  color:rgba(255,255,255,.75);
  border-top:1px solid rgba(255,255,255,.15);
}

.footer-container{
  width:min(1200px, 90%);
  margin:auto;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:60px;
  padding-bottom:60px;
}

/* تیتر ستون */
.footer-col h4{
  color:#fff;
  font-size:14px;
  letter-spacing:1px;
  margin-bottom:25px;
}

/* لیست */
.footer-col ul{
  list-style:none;
  padding:0;
  margin:0;
}

.footer-col li{
  margin-bottom:12px;
}

.footer-col a{
  text-decoration:none;
  color:rgba(255,255,255,.75);
  font-size:14px;
  transition:.3s;
}

.footer-col a:hover{
  color:#E10600;
}

/* contact */
.footer-contact .contact-item{
  display:flex;
  gap:12px;
  margin-bottom:18px;
}

.contact-icon{
  background:#E10600;
  color:#fff;
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
}

/* social */
.social-icons{
  display:flex;
  gap:10px;
}

.social-icons a{
  width:34px;
  height:34px;
  background:#E10600;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:14px;
  transition:.3s;
}

.social-icons a:hover{
  background:#c40000;
}

/* bottom */
.footer-bottom{
  text-align:center;
  padding:20px 0;
  border-top:1px solid rgba(255,255,255,.15);
  font-size:13px;
  color:rgba(255,255,255,.6);
}
@media (max-width:1024px){

  .footer-container{
    grid-template-columns:1fr 1fr;
    gap:40px;
  }

}

@media (max-width:600px){

  .footer-container{
    grid-template-columns:1fr;
    text-align:center;
  }

  .footer-contact .contact-item{
    flex-direction:column;
    align-items:center;
  }

  .social-icons{
    justify-content:center;
  }

}

/* Hamburger button */
.nav-toggle{
  display:none;
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.15);
  cursor:pointer;
  padding:10px;
  align-items:center;
  justify-content:center;
  gap:6px;
}

.nav-toggle span{
  display:block;
  height:2px;
  width:100%;
  background: rgba(255,255,255,.9);
}

/* Mobile behavior */
@media (max-width: 1024px){
  .nav-toggle{ display:flex; }

  /* nav تبدیل به پنل موبایل */
  .floating-header__nav{
    display:flex;              /* قبلاً none بود */
    position: fixed;
    top: 0;
    bottom: 0;
    width: min(340px, 86vw);
    padding: 90px 22px 22px;

    background: rgba(8,20,45,.92);
    border-left: 1px solid rgba(255,255,255,.10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    flex-direction: column;
    align-items: flex-start;
    gap: 18px;

    /* پیشفرض بسته */
    transform: translateX(120%);
    transition: transform .25s ease;
    z-index: 1001;
  }

  /* RTL: پنل از سمت چپ باز شود */
  html[dir="rtl"] .floating-header__nav{
    border-left: 0;
    border-right: 1px solid rgba(255,255,255,.10);
    transform: translateX(-120%);
  }

  /* وقتی باز شد */
  body.menu-open .floating-header__nav{
    transform: translateX(0);
    right: 0;
  }
  html[dir="rtl"] body.menu-open .floating-header__nav{
    left: 0;
    right: auto;
  }

  /* بک‌دراپ */
  body.menu-open::before{
    content:"";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    z-index: 1000;
  }
}