/*
Theme Name: گلپا پال
Theme URI: https://golpapal.com
Author: Golpa Pal
Author URI: https://golpapal.com
Description: قالب صنعتی و مدرن وردپرس برای گلپا پال، زیرمجموعه گلپا ذوب، تولیدکننده شمش‌های آلیاژی آلومینیوم. طراحی شده با الهام از مذاب، ریخته‌گری و خطوط شمش.
Version: 2.7.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: golpapal
Tags: industrial, rtl, persian, one-page, custom-logo, custom-menu, translation-ready
*/

/* ===================================================================
   0. DESIGN TOKENS
   پالت رنگی: گرافیت سرد صنعتی + نقره‌ای آلومینیوم + کهربای کوره (مذاب)
=================================================================== */
:root{
  --bg:            #dde1e6;
  --bg-soft:       #d2d7dd;
  --panel:         #ebeef1;
  --panel-2:       #e2e6ea;
  --line:          #bcc3ca;
  --line-soft:     #cad0d6;

  --steel:         #4a525b;
  --steel-dim:     #7c848d;
  --text:          #1a1d22;
  --text-dim:      #353a40;

  --accent:        #3a4148;
  --accent-2:      #6c757e;
  --accent-dim:    #252a30;

  /* رنگ‌های گرم برند برای زنده کردن سایت */
  --brand:         #e85d1a;
  --brand-2:       #f29a2e;
  --brand-dark:    #c24a12;
  --brand-glow:    rgba(232,93,26,.25);
  --brand-tint:    rgba(232,93,26,.08);

  --grad-brand: linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);
  --grad-brand-soft: linear-gradient(135deg,rgba(232,93,26,.12) 0%,rgba(242,154,46,.06) 100%);
  --grad-metal: linear-gradient(135deg,#ffffff 0%,#d5dae0 35%,#a8b0ba 60%,#d5dae0 100%);
  --grad-melt:  linear-gradient(90deg,#3a4148 0%,#7c848d 50%,#3a4148 100%);

  --shadow-glow: 0 20px 50px -20px var(--brand-glow);
  --shadow-lift: 0 25px 60px -25px rgba(0,0,0,.25);

  --radius: 2px;
  --radius-lg: 4px;
  --container: 1180px;

  --ease: cubic-bezier(.16,.8,.24,1);
  --ease-bounce: cubic-bezier(.34,1.56,.64,1);
}

/* ===================================================================
   1. RESET / BASE
=================================================================== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
}

body{
  background:var(--bg);
  color:var(--text-dim);
  font-family:'Vazirmatn',Tahoma,sans-serif;
  font-size:16px;
  line-height:1.9;
  direction:rtl;
  overflow-x:hidden;
}
body.menu-open{overflow:hidden}

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input,textarea{font-family:inherit;font-size:1rem}

::selection{background:var(--accent);color:#ffffff}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:3px;
}

h1,h2,h3,h4{
  font-weight:800;
  color:var(--text);
  line-height:1.3;
}

.container{
  max-width:var(--container);
  margin:0 auto;
  padding:0 24px;
}

.screen-reader-text{
  position:absolute !important;
  clip:rect(1px,1px,1px,1px);
  width:1px;height:1px;overflow:hidden;
}

/* ===================================================================
   2. TYPOGRAPHY HELPERS
=================================================================== */
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.5px;
  color:var(--accent);
  margin-bottom:18px;
}
.eyebrow::before{
  content:"";
  display:block;
  width:26px;height:2px;
  background:var(--grad-melt);
}

.section-title{
  font-size:clamp(28px,4vw,42px);
  margin-bottom:14px;
}
.section-title em{
  font-style:normal;
  background:var(--grad-melt);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.section-lead{
  max-width:620px;
  color:var(--steel);
  font-size:17px;
}
.section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  flex-wrap:wrap;
  margin-bottom:56px;
}

.btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:15px 28px;
  font-size:15px;
  font-weight:700;
  border-radius:var(--radius);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease);
}
.btn-primary{
  background:var(--grad-melt);
  color:#ffffff;
  box-shadow:0 8px 24px -8px rgba(43,49,56,.25);
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(43,49,56,.4)}
.btn-ghost{
  background:transparent;
  color:var(--text);
  border:1px solid var(--line);
}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn-ghost svg, .btn-primary svg{width:16px;height:16px;flex:none}

/* ===================================================================
   3. HEADER
=================================================================== */
.site-header{
  position:fixed;
  inset-inline:0;
  top:0;
  z-index:100;
  padding:20px 0;
  transition:background .4s var(--ease),padding .4s var(--ease),border-color .4s var(--ease),top .3s var(--ease);
  border-bottom:1px solid transparent;
}
/* جابه‌جایی هدر زیر نوار مدیریت وردپرس */
body.admin-bar .site-header{top:32px}
@media screen and (max-width:782px){
  body.admin-bar .site-header{top:46px}
}
@media screen and (max-width:600px){
  body.admin-bar .site-header{
    position:absolute;
    top:46px;
  }
}
.site-header.is-scrolled{
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  padding:13px 0;
  border-color:var(--line);
}
.site-header .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.brand{display:flex;align-items:center;gap:12px}
.brand img,
.brand .custom-logo,
.site-header .custom-logo{
  height:60px !important;
  width:60px !important;
  max-height:60px !important;
  max-width:60px !important;
  object-fit:contain;
  display:block;
}
.brand-custom{
  display:flex;
  align-items:center;
}
.brand .custom-logo-link,
.site-header .custom-logo-link{
  display:block;
  line-height:0;
  height:60px;
}
.site-header.is-scrolled .brand img,
.site-header.is-scrolled .brand .custom-logo,
.site-header.is-scrolled .custom-logo{
  height:48px !important;
  width:48px !important;
  max-height:48px !important;
  max-width:48px !important;
}
.site-header.is-scrolled .custom-logo-link{height:48px}
.brand svg{height:60px;width:auto}
.brand-text{display:flex;flex-direction:column;line-height:1.25}
.brand-text strong{font-size:17px;font-weight:800;color:var(--text)}
.brand-text span{font-size:11.5px;color:var(--steel-dim);letter-spacing:.3px}

.main-nav ul{display:flex;align-items:center;gap:34px}
.main-nav a{
  font-size:14.5px;
  font-weight:600;
  color:var(--text-dim);
  position:relative;
  padding:6px 0;
  transition:color .25s;
}
.main-nav a::after{
  content:"";
  position:absolute;
  right:0;bottom:0;
  width:0;height:2px;
  background:var(--grad-melt);
  transition:width .3s var(--ease);
}
.main-nav a:hover,.main-nav a:focus-visible{color:var(--text)}
.main-nav a:hover::after,.main-nav a:focus-visible::after{width:100%}

.header-actions{display:flex;align-items:center;gap:16px}
.header-actions .btn{padding:11px 22px;font-size:13.5px}

.nav-toggle{
  display:none;
  width:42px;height:42px;
  align-items:center;justify-content:center;
  border:1px solid var(--line);
  border-radius:var(--radius);
  position:relative;
  z-index:200;
}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{
  content:"";
  display:block;
  width:18px;height:2px;
  background:var(--text);
  position:relative;
  transition:transform .3s var(--ease),opacity .3s var(--ease);
}
.nav-toggle span::before{position:absolute;top:-6px}
.nav-toggle span::after{position:absolute;top:6px}
body.menu-open .nav-toggle span{background:transparent}
body.menu-open .nav-toggle span::before{transform:translateY(6px) rotate(45deg)}
body.menu-open .nav-toggle span::after{transform:translateY(-6px) rotate(-45deg)}

/* ===================================================================
   4. HERO
=================================================================== */
.hero{
  position:relative;
  padding:200px 0 130px;
  overflow:hidden;
  background:
    radial-gradient(45% 45% at 10% 0%, rgba(43,49,56,.05), transparent 60%),
    radial-gradient(45% 45% at 90% 100%, rgba(92,103,112,.04), transparent 60%),
    var(--bg);
}
.hero-center{
  max-width:820px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  position:relative;
  z-index:2;
}
.hero-center .eyebrow{margin-bottom:28px}
.hero h1{
  font-size:clamp(36px,5.5vw,64px);
  line-height:1.25;
  margin-bottom:32px;
  letter-spacing:-.5px;
}
.hero h1 em{
  font-style:normal;
  background:var(--grad-melt);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero p.lead{
  font-size:17px;
  line-height:1.85;
  color:var(--steel);
  max-width:640px;
  margin:0 auto 44px;
}
.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.hero .btn{padding:14px 26px;font-size:15px;border-radius:6px}

@keyframes hero-fade-up{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}
.hero-intro{animation:hero-fade-up .3s cubic-bezier(.16,.8,.24,1) both}

.hero-stats{
  display:flex;
  gap:0;
  border-top:1px solid var(--line);
  padding-top:28px;
}
.hero-stats .stat{flex:1;padding-inline-end:24px}
.hero-stats .stat strong{
  display:block;
  font-size:clamp(24px,3vw,32px);
  font-weight:800;
  color:var(--text);
}
.hero-stats .stat strong span{color:var(--accent)}
.hero-stats .stat small{font-size:12.5px;color:var(--steel-dim)}

/* molten pour visual */
.pour-card{
  position:relative;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:34px 30px 30px;
  overflow:hidden;
}
.pour-card::before{
  content:"";
  position:absolute;
  inset-inline:0;top:0;
  height:4px;
  background:var(--grad-melt);
  background-size:200% 100%;
  animation:melt-flow 4s linear infinite;
}
@keyframes melt-flow{
  0%{background-position:0% 0}
  100%{background-position:200% 0}
}
.pour-card .tag{
  display:inline-block;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.4px;
  color:var(--accent);
  border:1px solid var(--accent-dim);
  padding:4px 10px;
  border-radius:30px;
  margin-bottom:18px;
}
.pour-card h3{font-size:19px;margin-bottom:10px}
.pour-card p{font-size:14px;color:var(--steel);margin-bottom:22px}

.pour-gauge{
  height:108px;
  border-radius:var(--radius);
  background:linear-gradient(180deg,#dce0e6,#e8ebef);
  border:1px solid var(--line);
  position:relative;
  overflow:hidden;
  margin-bottom:18px;
}
.pour-gauge .melt{
  position:absolute;
  inset-inline:0;bottom:0;
  height:62%;
  background:linear-gradient(180deg,var(--accent-2),var(--accent) 70%,#8a3f16);
  filter:blur(.2px);
}
.pour-gauge .melt::before{
  content:"";
  position:absolute;
  inset-inline:0;top:0;
  height:6px;
  background:linear-gradient(90deg,transparent,#ffffff,transparent);
  opacity:.7;
  animation:shimmer 2.4s ease-in-out infinite;
}
@keyframes shimmer{
  0%,100%{transform:translateX(-30%)}
  50%{transform:translateX(30%)}
}
.pour-gauge .reading{
  position:absolute;
  inset-inline-start:14px;top:12px;
  font-size:12px;
  color:var(--steel);
  letter-spacing:.3px;
}
.pour-gauge .reading b{display:block;color:var(--text);font-size:20px;font-weight:800}

.pour-meta{display:flex;justify-content:space-between;font-size:12.5px;color:var(--steel-dim)}

/* ===================================================================
   5. SECTIONS — generic spacing
=================================================================== */
section{padding:110px 0}
.section-alt{background:var(--bg-soft)}

/* ===================================================================
   6. ABOUT
=================================================================== */
.about{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:70px;
  align-items:center;
}
.about-visual{
  position:relative;
  aspect-ratio:4/5;
  border-radius:var(--radius-lg);
  background:linear-gradient(155deg,#dce0e6,#e8ebef 60%);
  border:1px solid var(--line);
  overflow:hidden;
}
.about-visual .stack{
  position:absolute;
  inset-inline-start:50%;
  bottom:30px;
  transform:translateX(50%);
  display:flex;
  flex-direction:column-reverse;
  gap:6px;
}
.about-visual .stack .ingot{
  width:200px;height:38px;
  border-radius:4px;
  background:var(--grad-metal);
  box-shadow:0 10px 18px -10px rgba(0,0,0,.6);
}
.about-visual .stack .ingot:nth-child(1){width:160px}
.about-visual .stack .ingot:nth-child(2){width:180px}
.about-visual .badge{
  position:absolute;
  top:24px;inset-inline-start:24px;
  background:rgba(255,255,255,.9);
  border:1px solid var(--line);
  border-radius:30px;
  padding:8px 16px;
  font-size:12px;
  color:var(--accent);
  font-weight:600;
}

.about-body h2{margin-bottom:22px}
.about-body p{margin-bottom:18px;color:var(--steel)}
.about-points{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.about-points li{
  display:flex;
  gap:12px;
  align-items:flex-start;
  font-size:14.5px;
  color:var(--text-dim);
  border-top:1px solid var(--line-soft);
  padding-top:14px;
}
.about-points li b{color:var(--accent);font-size:13px}

/* ===================================================================
   7. PRODUCTS / GRADES — جدول گریدها
=================================================================== */
.grades-table-wrap{
  overflow-x:auto;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  background:var(--panel);
  -webkit-overflow-scrolling:touch;
}
.grades-table-wrap::-webkit-scrollbar{height:8px}
.grades-table-wrap::-webkit-scrollbar-track{background:var(--bg-soft)}
.grades-table-wrap::-webkit-scrollbar-thumb{background:var(--steel-dim);border-radius:4px}

.grades-table{
  width:100%;
  min-width:900px;
  border-collapse:collapse;
  font-size:13.5px;
  text-align:center;
  direction:rtl;
}

/* هدر جدول */
.grades-table thead{
  background:linear-gradient(180deg,var(--panel-2),var(--bg-soft));
  border-bottom:2px solid var(--accent);
}
.grades-table thead th{
  padding:14px 8px;
  font-weight:800;
  color:var(--text);
  font-size:14px;
  letter-spacing:.3px;
  white-space:nowrap;
  vertical-align:top;
}
.grades-table thead th small{
  display:block;
  font-size:11px;
  font-weight:500;
  color:var(--steel-dim);
  margin-top:4px;
  letter-spacing:0;
}
.grades-table thead .th-name{
  text-align:right;
  padding-right:18px;
  min-width:130px;
}

/* بدنه جدول */
.grades-table tbody tr{
  border-top:1px solid var(--line-soft);
  transition:background .2s;
}
.grades-table tbody tr:hover{
  background:var(--panel-2);
}
.grades-table tbody tr:nth-child(even){
  background:rgba(0,0,0,.015);
}
.grades-table tbody tr:nth-child(even):hover{
  background:var(--panel-2);
}

.grades-table tbody td{
  padding:13px 8px;
  color:var(--text-dim);
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum";
  letter-spacing:.2px;
}

/* ستون اسم آلیاژ */
.grades-table .td-name{
  text-align:right;
  padding-right:18px;
  border-right:3px solid transparent;
  transition:border-color .25s;
}
.grades-table tbody tr:hover .td-name{
  border-right-color:var(--accent);
}
.grades-table .td-name strong{
  display:block;
  font-size:15px;
  font-weight:800;
  color:var(--text);
  letter-spacing:.3px;
  margin-bottom:2px;
}
.grades-table .td-name small{
  font-size:11px;
  font-weight:600;
  color:var(--accent);
  background:rgba(43,49,56,.08);
  padding:2px 8px;
  border-radius:30px;
  display:inline-block;
}

/* یادداشت پایین جدول */
.grades-note{
  margin-top:24px;
  font-size:13.5px;
  line-height:2;
  color:var(--steel);
  max-width:900px;
  text-align:center;
  margin-inline:auto;
}
.grades-note strong{color:var(--text);font-weight:800}
.grades-note a{color:var(--accent);font-weight:700;border-bottom:1px dashed var(--accent)}
.grades-note a:hover{border-bottom-style:solid}

/* ریسپانسیو */
@media(max-width:768px){
  .grades-table{font-size:12.5px;min-width:780px}
  .grades-table thead th{padding:12px 6px;font-size:13px}
  .grades-table thead th small{font-size:10px}
  .grades-table tbody td{padding:11px 6px}
  .grades-table .td-name strong{font-size:14px}
}

/* ===================================================================
   8. PROCESS — real sequence, numbered
=================================================================== */
.process-list{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  position:relative;
}
.process-list::before{
  content:"";
  position:absolute;
  top:34px;
  inset-inline:4%;
  height:1px;
  background:var(--line);
  z-index:0;
}
.process-step{position:relative;padding-inline-end:18px;z-index:1}
.process-step .idx{
  width:68px;height:68px;
  border-radius:50%;
  background:var(--panel);
  border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:800;color:var(--accent);
  margin-bottom:22px;
}
.process-step h4{font-size:15.5px;margin-bottom:8px}
.process-step p{font-size:13px;color:var(--steel-dim);line-height:1.8}

/* ===================================================================
   9. STATS STRIP
=================================================================== */
.stats-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.stats-strip .stat{
  padding:38px 24px;
  text-align:center;
  border-inline-start:1px solid var(--line);
}
.stats-strip .stat:first-child{border-inline-start:none}
.stats-strip strong{
  display:block;
  font-size:clamp(30px,4vw,44px);
  font-weight:800;
  background:var(--grad-melt);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  margin-bottom:6px;
}
.stats-strip small{font-size:13px;color:var(--steel-dim)}

/* ===================================================================
   10. QUALITY / CERTS
=================================================================== */
.quality{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.cert-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.cert-pill{
  border:1px solid var(--line);
  border-radius:30px;
  padding:9px 18px;
  font-size:13px;
  color:var(--text-dim);
  display:flex;align-items:center;gap:8px;
}
.cert-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}

.quality-list{display:flex;flex-direction:column;gap:0}
.quality-list li{
  padding:22px 0;
  border-top:1px solid var(--line-soft);
  display:flex;
  gap:18px;
}
.quality-list li:first-child{border-top:none}
.quality-list .qnum{font-size:13px;color:var(--accent);font-weight:700;flex:none;width:34px}
.quality-list h4{font-size:15.5px;margin-bottom:6px}
.quality-list p{font-size:13.5px;color:var(--steel-dim)}

/* ===================================================================
   11. CTA BAND
=================================================================== */
.cta-band{
  background:linear-gradient(120deg,var(--panel-2),var(--panel));
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:60px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  flex-wrap:wrap;
  position:relative;
  overflow:hidden;
}
.cta-band::after{
  content:"";
  position:absolute;
  inset-inline-end:-80px;top:-80px;
  width:260px;height:260px;
  background:radial-gradient(circle,rgba(43,49,56,.18),transparent 70%);
}
.cta-band h2{font-size:clamp(24px,3vw,34px);max-width:520px}
.cta-band .btn-row{display:flex;gap:14px;flex-wrap:wrap;position:relative;z-index:1}

/* ===================================================================
   12. CONTACT
=================================================================== */
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}
.contact-info{display:flex;flex-direction:column;gap:16px}

.contact-info .item{
  display:flex;
  align-items:center;
  gap:18px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:8px;
  padding:20px 22px;
  transition:border-color .25s,transform .25s;
}

.contact-info .item:hover{
  border-color:var(--accent);
  transform:translateY(-2px);
}

.contact-info .item-icon{
  flex:none;
  width:48px;
  height:48px;
  border-radius:50%;
  background:rgba(43,49,56,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--accent);
}

.contact-info .item-icon svg{
  width:22px;
  height:22px;
  display:block;
  flex:none;
}

.contact-info .item-body{
  display:flex;
  flex-direction:column;
  gap:4px;
  flex:1;
  min-width:0;
}

.contact-info .item-body small{
  font-size:12.5px;
  color:var(--accent);
  font-weight:600;
  letter-spacing:.2px;
  margin:0;
  display:block;
}

.contact-info .item-body strong{
  font-size:15px;
  color:var(--text);
  font-weight:700;
  line-height:1.6;
  word-break:break-word;
  display:block;
}

.contact-info svg{
  max-width:22px;
  max-height:22px;
}

.contact-form{
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:34px;
  background:var(--panel);
}
.contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.contact-form label{display:block;font-size:13px;color:var(--steel);margin-bottom:8px}
.contact-form input,.contact-form textarea{
  width:100%;
  background:var(--panel-2);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:13px 14px;
  color:var(--text);
  transition:border-color .25s;
}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:none}
.contact-form textarea{min-height:120px;resize:vertical;margin-bottom:20px}

/* ===================================================================
   13. BLOG / SINGLE / PAGE GENERIC
=================================================================== */
.page-hero{
  padding:170px 0 70px;
  border-bottom:1px solid var(--line);
}
.page-hero h1{font-size:clamp(28px,4vw,44px)}
.breadcrumb{font-size:13px;color:var(--steel-dim);margin-bottom:16px}
.breadcrumb a{color:var(--accent)}

.content-area{padding:90px 0}
.entry-content{max-width:760px;margin:0 auto;color:var(--text-dim)}
.entry-content h2,.entry-content h3{margin:32px 0 14px}
.entry-content p{margin-bottom:18px}
.entry-content img{border-radius:var(--radius-lg);margin:24px 0}
.entry-content ul,.entry-content ol{margin:0 0 18px 0;padding-inline-start:22px}
.entry-content blockquote{
  border-inline-start:3px solid var(--accent);
  padding-inline-start:18px;
  color:var(--steel);
  margin:24px 0;
  font-style:normal;
}

.posts-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:36px}
.post-card{border-bottom:1px solid var(--line);padding-bottom:36px}
.post-card .meta{font-size:12.5px;color:var(--steel-dim);margin-bottom:10px}
.post-card h2{font-size:22px;margin-bottom:10px}
.post-card h2 a:hover{color:var(--accent)}
.post-card p{color:var(--steel);font-size:14.5px}

.pagination{display:flex;justify-content:center;gap:10px;margin-top:50px}
.pagination a,.pagination span{
  padding:10px 16px;border:1px solid var(--line);border-radius:var(--radius);font-size:13px;
}
.pagination .current{border-color:var(--accent);color:var(--accent)}

/* ===================================================================
   14. FOOTER
=================================================================== */
.site-footer{
  border-top:1px solid var(--line);
  padding:80px 0 30px;
  background:var(--bg-soft);
}
.footer-grid{
  display:grid;
  grid-template-columns:1.3fr .8fr .8fr 1fr;
  gap:50px;
  margin-bottom:60px;
}
.footer-brand .brand{margin-bottom:18px}
.footer-brand p{font-size:13.5px;color:var(--steel-dim);max-width:280px}
.footer-col h5{font-size:13px;color:var(--text);margin-bottom:18px;letter-spacing:.3px}
.footer-col ul{display:flex;flex-direction:column;gap:11px}
.footer-col a{font-size:13.5px;color:var(--steel-dim);transition:color .2s}
.footer-col a:hover{color:var(--accent)}
.footer-social{display:flex;gap:10px;margin-top:18px}
.footer-social a{
  width:36px;height:36px;border:1px solid var(--line);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}
.footer-social a:hover{border-color:var(--accent);color:var(--accent)}
.footer-social svg{width:15px;height:15px}

.footer-bottom{
  border-top:1px solid var(--line);
  padding-top:24px;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  font-size:12.5px;
  color:var(--steel-dim);
}
.footer-bottom a{color:var(--steel-dim)}
.footer-bottom a:hover{color:var(--accent)}

.back-to-top{
  position:fixed;
  inset-inline-end:26px;
  bottom:26px;
  width:46px;height:46px;
  border-radius:50%;
  background:var(--panel);
  border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;
  transform:translateY(10px);
  transition:all .35s var(--ease);
  z-index:90;
}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{border-color:var(--accent);color:var(--accent)}
.back-to-top svg{width:18px;height:18px}

/* ===================================================================
   15. SCROLL REVEAL
=================================================================== */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.is-in{opacity:1;transform:translateY(0)}

/* ===================================================================
   16. RESPONSIVE
=================================================================== */
@media (max-width:1024px){
  .about,.quality,.contact{grid-template-columns:1fr}
  .about-visual{max-width:420px}
  .grades-grid{grid-template-columns:repeat(2,1fr)}
  .process-list{grid-template-columns:repeat(3,1fr);row-gap:40px}
  .process-list::before{display:none}
  .footer-grid{grid-template-columns:1fr 1fr}
  .stats-strip{grid-template-columns:repeat(2,1fr)}
  .stats-strip .stat:nth-child(3){border-inline-start:none}
}

@media (max-width:840px){
  .main-nav,.header-actions .btn-ghost{display:none}
  .nav-toggle{display:flex}
  .header-actions{gap:10px}

  .main-nav{
    display:flex !important;
    position:fixed;
    inset:0;
    top:0;
    background:var(--panel);
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    padding:40px;
    transform:translateX(100%);
    transition:transform .4s var(--ease);
    z-index:150;
  }
  body.menu-open .main-nav{transform:translateX(0)}
  .main-nav ul{flex-direction:column;align-items:flex-start;gap:22px}
  .main-nav a{font-size:22px}

  .hero-stats{flex-wrap:wrap;gap:24px}
  .hero-stats .stat{flex:1 1 40%}

  .grades-grid{grid-template-columns:1fr}
  .process-list{grid-template-columns:1fr 1fr}
  .quality-list .qnum{display:none}

  .cta-band{padding:36px;flex-direction:column;align-items:flex-start}
  .footer-grid{grid-template-columns:1fr}
}

@media (max-width:480px){
  .container{padding:0 18px}
  section{padding:70px 0}
  .process-list{grid-template-columns:1fr}
  .about-points,.contact-form .row{grid-template-columns:1fr}
  .stats-strip{grid-template-columns:1fr}
  .stats-strip .stat{border-inline-start:none;border-top:1px solid var(--line)}
  .stats-strip .stat:first-child{border-top:none}
  .brand img{height:44px;width:44px}

}

@media (max-width:768px){
  .hero{padding:140px 0 80px}
  .hero .cta-row{flex-direction:column;width:100%}
  .hero .btn{width:100%}

  .contact-info .item{padding:16px 18px}
}


/* ===================================================================
   WHY US — مزایای رقابتی
=================================================================== */
.why-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.why-card{
  background:var(--panel);
  padding:36px 28px;
  transition:background .3s;
}
.why-card:hover{background:var(--panel-2)}
.why-icon{
  width:52px;height:52px;
  border-radius:12px;
  background:rgba(43,49,56,.08);
  color:var(--accent);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:20px;
}
.why-icon svg{width:26px;height:26px}
.why-card h3{
  font-size:17px;
  margin-bottom:10px;
  color:var(--text);
}
.why-card p{
  font-size:14px;
  color:var(--steel);
  line-height:1.9;
}

/* ===================================================================
   APPLICATIONS — کاربردهای محصول
=================================================================== */
.apps-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.app-card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:30px 26px;
  transition:transform .3s var(--ease),border-color .3s;
}
.app-card:hover{
  transform:translateY(-4px);
  border-color:var(--accent);
}
.app-icon{
  width:54px;height:54px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(43,49,56,.08),rgba(92,103,112,.04));
  color:var(--accent);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:22px;
}
.app-icon svg{width:26px;height:26px}
.app-card h3{
  font-size:18px;
  margin-bottom:14px;
  color:var(--text);
}
.app-card ul{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.app-card ul li{
  font-size:13.5px;
  color:var(--steel);
  padding-inline-start:18px;
  position:relative;
}
.app-card ul li::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:10px;
  width:7px;height:1px;
  background:var(--accent);
}

/* ===================================================================
   CLIENTS — مشتریان و برندها (کارت‌های بزرگ)
=================================================================== */

/* هدر بخش با آمار سمت چپ */
.clients-head{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:50px;
  align-items:center;
  margin-bottom:56px;
}
.clients-stat{
  flex:none;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:32px 40px;
  text-align:center;
  min-width:200px;
}
.clients-stat strong{
  display:block;
  font-size:clamp(40px,5vw,58px);
  font-weight:800;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  line-height:1;
  margin-bottom:8px;
}
.clients-stat span{
  font-size:14px;
  color:var(--steel);
  font-weight:600;
}
.clients-intro .section-title{margin-bottom:14px}
.clients-intro .section-lead{margin:0}

/* گرید کارت‌ها */
.clients-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-bottom:36px;
}

.client-card-big{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:38px 28px 32px;
  text-align:center;
  transition:transform .35s var(--ease),border-color .3s,box-shadow .35s var(--ease);
  position:relative;
  overflow:hidden;
}
.client-card-big::before{
  content:"";
  position:absolute;
  top:0;
  inset-inline:0;
  height:3px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .4s var(--ease);
}
.client-card-big:hover{
  transform:translateY(-6px);
  border-color:var(--accent);
  box-shadow:0 24px 50px -24px rgba(0,0,0,.18);
}
.client-card-big:hover::before{transform:scaleX(1)}

/* محل لوگو */
.client-logo-wrap{
  height:90px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:22px;
}
.client-card-big.has-logo .client-logo-wrap img{
  max-width:140px;
  max-height:80px;
  width:auto;
  height:auto;
  object-fit:contain;
  transition:transform .4s var(--ease);
}
.client-card-big:hover .client-logo-wrap img{transform:scale(1.06)}

/* پلیس‌هولدر زمانی که لوگو هنوز آپلود نشده */
.client-logo-placeholder{
  width:72px;height:72px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--bg-soft),var(--panel-2));
  border:1px dashed var(--line);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--steel-dim);
}
.client-logo-placeholder svg{width:30px;height:30px}

/* اسم و توضیح */
.client-name{
  font-size:18px;
  font-weight:800;
  color:var(--text);
  margin-bottom:8px;
  letter-spacing:.2px;
}
.client-desc{
  font-size:13.5px;
  color:var(--steel);
  line-height:1.7;
  margin:0;
}

/* یادداشت پایین */
.clients-note{
  text-align:center;
  margin-top:8px;
  font-size:14.5px;
  color:var(--steel);
  line-height:2;
  max-width:720px;
  margin-inline:auto;
}
.clients-note strong{color:var(--text);font-weight:800}
.clients-note a{
  color:var(--accent);
  font-weight:700;
  border-bottom:1px dashed var(--accent);
}
.clients-note a:hover{border-bottom-style:solid}

/* ریسپانسیو */
@media(max-width:1024px){
  .clients-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .clients-head{grid-template-columns:1fr;gap:30px;text-align:center}
  .clients-stat{margin:0 auto}
  .clients-intro .section-lead{margin:0 auto}
}
@media(max-width:480px){
  .clients-cards{grid-template-columns:1fr}
  .clients-stat{padding:24px 30px}
  .client-card-big{padding:30px 22px 26px}
}

/* ===================================================================
   FAQ — سوالات متداول
=================================================================== */
.faq-list{
  max-width:880px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.faq-item{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  overflow:hidden;
  transition:border-color .25s;
}
.faq-item[open]{
  border-color:var(--accent);
}
.faq-item summary{
  list-style:none;
  cursor:pointer;
  padding:20px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-q{
  font-size:15.5px;
  font-weight:700;
  color:var(--text);
  flex:1;
  line-height:1.6;
}
.faq-icon{
  flex:none;
  width:28px;height:28px;
  border-radius:50%;
  background:rgba(43,49,56,.08);
  position:relative;
  transition:background .25s,transform .3s;
}
.faq-icon::before,
.faq-icon::after{
  content:"";
  position:absolute;
  background:var(--accent);
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.faq-icon::before{
  width:12px;height:2px;
}
.faq-icon::after{
  width:2px;height:12px;
  transition:transform .3s;
}
.faq-item[open] .faq-icon{
  background:var(--accent);
}
.faq-item[open] .faq-icon::before,
.faq-item[open] .faq-icon::after{
  background:#fff;
}
.faq-item[open] .faq-icon::after{
  transform:translate(-50%,-50%) scaleY(0);
}
.faq-a{
  padding:0 24px 22px;
  font-size:14.5px;
  line-height:2;
  color:var(--steel);
  border-top:1px solid var(--line-soft);
  padding-top:18px;
  margin-top:-2px;
}

/* ===================================================================
   RESPONSIVE — بخش‌های جدید
=================================================================== */
@media(max-width:1024px){
  .why-grid,
  .apps-grid{grid-template-columns:repeat(2,1fr)}
  .clients-cards{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .clients-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .why-grid,
  .apps-grid,
  .clients-cards{grid-template-columns:1fr}
  .faq-item summary{padding:16px 18px;gap:12px}
  .faq-q{font-size:14.5px}
  .faq-a{padding-inline:18px;padding-bottom:18px}
}

/* ===================================================================
   CERTIFICATES — گواهینامه‌های بین‌المللی
=================================================================== */
.cert-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
  margin-bottom:36px;
}
.cert-item{
  display:flex;
  flex-direction:column;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .25s;
}
.cert-item:hover{
  transform:translateY(-4px);
  border-color:var(--accent);
  box-shadow:0 20px 40px -20px rgba(0,0,0,.18);
}

/* تصویر گواهینامه */
.cert-image{
  position:relative;
  background:#ffffff;
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid var(--line);
  aspect-ratio:1/1.25;
  overflow:hidden;
}
.cert-image img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  transition:transform .5s var(--ease);
}
.cert-item:hover .cert-image img{
  transform:scale(1.05);
}

/* آیکن ذره‌بین */
.cert-zoom{
  position:absolute;
  top:18px;
  inset-inline-end:18px;
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--accent);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transform:translateY(-6px);
  transition:opacity .3s var(--ease),transform .3s var(--ease);
  box-shadow:0 8px 20px -6px rgba(0,0,0,.3);
}
.cert-item:hover .cert-zoom{
  opacity:1;
  transform:translateY(0);
}
.cert-zoom svg{width:20px;height:20px}

/* اطلاعات گواهینامه */
.cert-info{
  padding:26px 24px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.cert-badge{
  display:inline-block;
  align-self:flex-start;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  color:#fff;
  font-size:13px;
  font-weight:800;
  padding:6px 14px;
  border-radius:30px;
  letter-spacing:.3px;
}
.cert-info h3{
  font-size:18px;
  font-weight:800;
  color:var(--text);
  margin:0;
}
.cert-meta{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:6px;
}
.cert-meta li{
  font-size:13.5px;
  color:var(--text-dim);
  line-height:1.7;
  padding-bottom:8px;
  border-bottom:1px dashed var(--line-soft);
}
.cert-meta li:last-child{border-bottom:none}
.cert-meta li span{
  display:inline-block;
  color:var(--steel-dim);
  font-weight:600;
  margin-inline-end:6px;
}

/* یادداشت پایین */
.cert-note{
  text-align:center;
  font-size:13.5px;
  color:var(--steel);
  line-height:1.9;
  max-width:680px;
  margin:0 auto;
}
.cert-note a{
  color:var(--accent);
  font-weight:700;
  text-decoration:none;
  border-bottom:1px dashed var(--accent);
}
.cert-note a:hover{color:var(--accent-dim);border-bottom-style:solid}

/* ریسپانسیو */
@media(max-width:768px){
  .cert-grid{grid-template-columns:1fr;gap:24px}
}
@media(max-width:480px){
  .cert-image{padding:14px;aspect-ratio:1/1.3}
  .cert-info{padding:20px 18px}
  .cert-info h3{font-size:16px}
  .cert-meta li{font-size:13px}
}

/* ===================================================================
   PRODUCT SHOWCASE — نمونه محصول بندیل
=================================================================== */
.showcase-layout{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:48px;
  align-items:start;
}

/* ستون گالری */
.showcase-gallery{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.showcase-main{
  position:relative;
  background:#1a1d22;
  border-radius:var(--radius-lg);
  overflow:hidden;
  aspect-ratio:4/5;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.35);
}
.showcase-main img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:opacity .3s var(--ease),transform .6s var(--ease);
}
.showcase-main::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.25));
  pointer-events:none;
}
.showcase-main.is-loading img{opacity:.4}

/* ردیف thumbnail‌ها */
.showcase-thumbs{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.showcase-thumb{
  background:#1a1d22;
  border:2px solid transparent;
  border-radius:10px;
  overflow:hidden;
  aspect-ratio:1/1;
  cursor:pointer;
  padding:0;
  transition:border-color .25s,transform .25s;
  position:relative;
}
.showcase-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  opacity:.7;
  transition:opacity .3s,transform .4s var(--ease);
}
.showcase-thumb:hover img{opacity:1;transform:scale(1.08)}
.showcase-thumb.is-active{
  border-color:var(--accent);
  transform:translateY(-3px);
  box-shadow:0 10px 24px -8px rgba(0,0,0,.3);
}
.showcase-thumb.is-active img{opacity:1}

/* ستون اطلاعات */
.showcase-details{
  padding-top:14px;
}
.showcase-title{
  font-size:clamp(24px,3vw,32px);
  font-weight:800;
  color:var(--text);
  margin-bottom:18px;
  line-height:1.5;
}
.showcase-title span{
  display:inline-block;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  color:#fff;
  font-size:14px;
  font-weight:700;
  padding:5px 14px;
  border-radius:30px;
  margin-inline-start:10px;
  vertical-align:middle;
}
.showcase-desc{
  font-size:15px;
  line-height:2;
  color:var(--steel);
  margin-bottom:30px;
}

/* لیست مشخصات */
.showcase-specs{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin-bottom:36px;
}
.showcase-specs li{
  display:flex;
  align-items:center;
  gap:14px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:14px;
  padding:16px 18px;
  transition:border-color .25s,transform .25s;
}
.showcase-specs li:hover{
  border-color:var(--accent);
  transform:translateY(-2px);
}
.spec-icon{
  flex:none;
  font-size:24px;
  width:44px;
  height:44px;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(43,49,56,.08),rgba(92,103,112,.04));
  display:flex;
  align-items:center;
  justify-content:center;
}
.showcase-specs li div{display:flex;flex-direction:column;gap:2px;min-width:0}
.showcase-specs li small{font-size:11.5px;color:var(--steel-dim);font-weight:600}
.showcase-specs li strong{font-size:14px;color:var(--text);font-weight:800;line-height:1.4}

/* دکمه‌های CTA */
.showcase-cta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.showcase-cta .btn{padding:14px 26px;font-size:14.5px}

/* ریسپانسیو */
@media(max-width:900px){
  .showcase-layout{grid-template-columns:1fr;gap:32px}
  .showcase-details{padding-top:0}
}
@media(max-width:480px){
  .showcase-specs{grid-template-columns:1fr}
  .showcase-cta{flex-direction:column;align-items:stretch}
  .showcase-cta .btn{text-align:center}
}

/* ===================================================================
   HERO GROUP — معرفی گروه شرکت‌ها
=================================================================== */
.hero-group{
  text-align:center;
  margin-bottom:36px;
  max-width:780px;
  margin-inline:auto;
}
.hero-group-title{
  font-size:clamp(16px,1.8vw,19px);
  font-weight:800;
  color:var(--text);
  letter-spacing:.2px;
  margin-bottom:14px;
  line-height:1.7;
}
.hero-group-list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px 14px;
}
.hero-group-list span{
  font-size:12.5px;
  color:var(--steel);
  font-weight:600;
  padding:5px 12px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:30px;
  transition:border-color .25s,color .25s,background .25s;
}
.hero-group-list span:hover{
  border-color:var(--accent);
  color:var(--text);
  background:var(--panel-2);
}
@media(max-width:600px){
  .hero-group-title{font-size:14.5px}
  .hero-group-list span{font-size:11.5px;padding:4px 10px}
}

/* ===================================================================
   PRODUCT SHOWCASE — کوچک‌تر کردن تصویر اصلی
=================================================================== */
.showcase-main{aspect-ratio:1/1}
.showcase-layout{grid-template-columns:0.9fr 1fr}
@media(max-width:900px){
  .showcase-main{aspect-ratio:4/5;max-width:560px;margin-inline:auto}
}

/* لوگوی گروه بالای هیرو */
.hero-group-logo{
  display:flex;
  justify-content:center;
  margin-bottom:16px;
}
.hero-group-logo img{
  width:110px;
  height:110px;
  object-fit:contain;
  border-radius:50%;
  background:#fff;
  padding:8px;
  box-shadow:0 8px 24px -8px rgba(0,0,0,.15);
  transition:transform .4s var(--ease);
}
.hero-group-logo img:hover{transform:scale(1.05) rotate(-3deg)}
@media(max-width:600px){
  .hero-group-logo img{width:88px;height:88px}
}

/* ===================================================================
   BACKGROUND — پس‌زمینه ساده و تمیز (بدون الگوی مربعی)
=================================================================== */
body::before{ content:none; display:none; }
body::after{ content:none; display:none; }

/* ===================================================================
   FLOATING CONTACT BUTTON — دکمه شناور تماس/واتساپ
=================================================================== */
.float-contact{
  position:fixed;
  bottom:26px;
  inset-inline-end:26px;
  z-index:99;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
}

.float-btn{
  width:60px;
  height:60px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  box-shadow:0 12px 30px -10px rgba(0,0,0,.35);
  transition:transform .3s var(--ease),box-shadow .3s;
  position:relative;
}
.float-btn:hover{
  transform:translateY(-4px) scale(1.05);
  box-shadow:0 18px 40px -10px rgba(0,0,0,.45);
}
.float-btn svg{width:30px;height:30px}

/* واتساپ سبز */
.float-btn.whatsapp{
  background:#25d366;
}
/* تماس تلفن */
.float-btn.phone{
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
}

/* افکت نبض پس‌زمینه */
.float-btn::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:50%;
  border:2px solid currentColor;
  opacity:.5;
  animation:pulseRing 2s ease-out infinite;
}
.float-btn.whatsapp::before{color:#25d366}
.float-btn.phone::before{color:var(--accent)}

@keyframes pulseRing{
  0%   { transform:scale(1);   opacity:.5; }
  70%  { transform:scale(1.6); opacity:0; }
  100% { transform:scale(1.6); opacity:0; }
}

/* Tooltip روی hover */
.float-btn .tooltip{
  position:absolute;
  inset-inline-end:calc(100% + 14px);
  top:50%;
  transform:translateY(-50%);
  background:var(--text);
  color:#fff;
  padding:8px 14px;
  border-radius:8px;
  font-size:12.5px;
  font-weight:700;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s,transform .25s;
}
.float-btn:hover .tooltip{
  opacity:1;
  transform:translateY(-50%) translateX(0);
}
.float-btn .tooltip::after{
  content:"";
  position:absolute;
  top:50%;
  inset-inline-start:100%;
  transform:translateY(-50%);
  border:6px solid transparent;
  border-inline-start-color:var(--text);
}

@media(max-width:480px){
  .float-contact{bottom:18px;inset-inline-end:18px;gap:10px}
  .float-btn{width:52px;height:52px}
  .float-btn svg{width:26px;height:26px}
  .float-btn .tooltip{display:none}
}

/* ===================================================================
   GROUP COMPANIES — بخش گروه شرکت‌ها (بین هیرو و درباره ما)
=================================================================== */
.group-section{
  padding:80px 0 80px;
  position:relative;
  background:linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);
  border-top:1px solid var(--line-soft);
  overflow:hidden;
}
.group-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 15% 20%, rgba(232,93,26,.06) 0%, transparent 40%),
    radial-gradient(circle at 85% 80%, rgba(232,93,26,.05) 0%, transparent 40%);
  pointer-events:none;
}
.group-section .container{position:relative;z-index:1}
.group-section .hero-group{margin-bottom:0}

/* بزرگ‌تر کردن لوگو در این بخش */
.group-section .hero-group-logo img{
  width:140px;
  height:140px;
  padding:12px;
  box-shadow:0 20px 40px -15px rgba(0,0,0,.2);
}
.group-section .hero-group-title{
  font-size:clamp(18px,2vw,22px);
  margin-bottom:22px;
}
.group-section .hero-group-list span{
  font-size:13.5px;
  padding:8px 16px;
  background:#fff;
  border-color:var(--line);
}
.group-section .hero-group-list span:hover{
  border-color:var(--accent);
  background:linear-gradient(135deg,rgba(232,93,26,.08),rgba(242,154,46,.04));
}

/* حذف فاصله بین بخش گروه و فوتر */
.group-section + .site-footer{margin-top:0}

/* ===================================================================
   FOOTER — طراحی مدرن
=================================================================== */
.site-footer{
  margin-top:0;
  padding-top:0;
  background:linear-gradient(180deg,#1a1d22 0%,#0d1013 100%);
  color:#c7ccd4;
  position:relative;
}

/* الگوی نامحسوس روی فوتر */
.site-footer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.05;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(232,93,26,.4) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(232,93,26,.3) 0%, transparent 50%);
}

/* CTA بالای فوتر */
.footer-cta{
  background:linear-gradient(135deg,#e85d1a 0%,#f29a2e 100%);
  padding:44px 0;
  position:relative;
  overflow:hidden;
}
.footer-cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 90% 30%, rgba(255,255,255,.15) 0%, transparent 40%),
    radial-gradient(circle at 10% 70%, rgba(0,0,0,.1) 0%, transparent 40%);
  pointer-events:none;
}
.footer-cta-inner{
  display:grid;
  grid-template-columns:1fr auto;
  gap:32px;
  align-items:center;
  position:relative;
  z-index:1;
}
.footer-cta-text h3{
  font-size:clamp(20px,2.4vw,26px);
  color:#fff;
  font-weight:800;
  margin-bottom:6px;
  line-height:1.5;
}
.footer-cta-text p{
  font-size:14.5px;
  color:rgba(255,255,255,.9);
  margin:0;
  line-height:1.8;
}
.footer-cta-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.footer-cta-actions .btn{
  padding:14px 22px;
  font-size:14px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:700;
  transition:transform .25s var(--ease),box-shadow .25s;
}
.footer-cta-actions .btn-primary{
  background:#fff;
  color:var(--accent);
  border:none;
}
.footer-cta-actions .btn-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px -10px rgba(0,0,0,.4);
}
.footer-cta-actions .btn-whatsapp{
  background:#25d366;
  color:#fff;
  border:none;
}
.footer-cta-actions .btn-whatsapp:hover{
  background:#1eb659;
  transform:translateY(-3px);
  box-shadow:0 14px 30px -10px rgba(0,0,0,.4);
}
.footer-cta-actions .btn svg{width:18px;height:18px;flex:none}

/* بدنه اصلی */
.footer-main{
  padding:70px 0 40px;
  position:relative;
  z-index:1;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1.3fr;
  gap:50px;
}

/* ستون برند */
.footer-brand .brand{display:inline-block;margin-bottom:20px}
.footer-brand .brand img{
  height:60px;
  width:auto;
  filter:brightness(1.1);
  background:#fff;
  border-radius:12px;
  padding:8px;
}
.footer-brand p{
  color:#a0a5ad;
  line-height:2;
  font-size:14px;
  margin-bottom:22px;
  max-width:340px;
}
.footer-brand p strong{color:#fff;font-weight:700}

/* شبکه‌های اجتماعی */
.footer-social{
  display:flex;
  gap:10px;
}
.footer-social a{
  width:40px;
  height:40px;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#c7ccd4;
  transition:transform .3s var(--ease),background .3s,color .3s;
  text-decoration:none;
}
.footer-social a:hover{
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  color:#fff;
  transform:translateY(-4px);
}
.footer-social svg{width:18px;height:18px}

/* عناوین ستون‌ها */
.footer-col h5{
  color:#fff;
  font-size:15px;
  font-weight:800;
  margin-bottom:22px;
  position:relative;
  padding-bottom:12px;
}
.footer-col h5::after{
  content:"";
  position:absolute;
  bottom:0;
  right:0;
  width:36px;
  height:3px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
}

/* لیست‌های ستون */
.footer-col ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.footer-col ul li a{
  color:#a0a5ad;
  text-decoration:none;
  font-size:13.5px;
  transition:color .25s,padding-inline-start .25s;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.footer-col ul li a span{
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--accent);
  opacity:.6;
  transition:opacity .25s,transform .25s;
}
.footer-col ul li a:hover{
  color:#fff;
  padding-inline-start:6px;
}
.footer-col ul li a:hover span{
  opacity:1;
  transform:scale(1.4);
}

/* اطلاعات تماس */
.footer-contact-list{gap:18px !important}
.footer-contact-list li{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.fc-icon{
  flex:none;
  width:38px;
  height:38px;
  border-radius:10px;
  background:linear-gradient(135deg,rgba(232,93,26,.2),rgba(242,154,46,.1));
  color:var(--accent-2);
  display:flex;
  align-items:center;
  justify-content:center;
}
.fc-icon svg{width:18px;height:18px}
.footer-contact-list li > div{display:flex;flex-direction:column;gap:2px;min-width:0}
.footer-contact-list small{
  font-size:11px;
  color:#7a8089;
  font-weight:600;
}
.footer-contact-list a{
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  transition:color .25s;
}
.footer-contact-list a:hover{color:var(--accent-2)}
.footer-contact-list span{color:#c7ccd4;font-size:13.5px;line-height:1.7}
.footer-contact-list em{
  font-style:normal;
  font-size:11.5px;
  color:var(--accent-2);
  font-weight:700;
}

/* نوار پایینی */
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  padding:20px 0;
  position:relative;
  z-index:1;
}
.footer-bottom-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  font-size:12.5px;
  color:#7a8089;
}
.fb-tag{
  background:rgba(232,93,26,.1);
  color:var(--accent-2);
  padding:6px 14px;
  border-radius:30px;
  font-weight:600;
  border:1px solid rgba(232,93,26,.2);
}

/* ریسپانسیو فوتر */
@media(max-width:1024px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:40px}
  .footer-brand{grid-column:1 / -1}
}
@media(max-width:768px){
  .footer-cta-inner{grid-template-columns:1fr;text-align:center}
  .footer-cta-actions{justify-content:center}
  .footer-grid{grid-template-columns:1fr;gap:36px}
  .footer-main{padding:50px 0 30px}
  .footer-bottom-inner{justify-content:center;text-align:center}
}

/* ===================================================================
   LIVELY ENHANCEMENTS v2.2 — انیمیشن‌ها و افکت‌های زنده
=================================================================== */

/* ---------- Section Titles: گرادیان نارنجی روی <em> ---------- */
.section-title em,
.hero h1 em{
  background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 60%,var(--brand) 100%);
  background-size:200% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:brandShift 5s linear infinite;
  font-style:normal;
}
@keyframes brandShift{
  0%   { background-position:0% center; }
  100% { background-position:200% center; }
}

/* ---------- Eyebrow: بج نارنجی مینیمال ---------- */
.eyebrow{
  display:inline-block;
  padding:6px 14px;
  background:var(--brand-tint);
  color:var(--brand-dark);
  border-radius:30px;
  font-weight:700;
  font-size:12px;
  letter-spacing:.5px;
  border:1px solid rgba(232,93,26,.2);
}

/* ---------- Buttons: افکت shimmer + glow ---------- */
.btn-primary{
  background:var(--grad-brand);
  color:#fff;
  border:none;
  position:relative;
  overflow:hidden;
  box-shadow:0 10px 24px -10px var(--brand-glow);
  transition:transform .3s var(--ease),box-shadow .3s;
}
.btn-primary::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);
  transform:translateX(-100%);
  transition:transform .8s var(--ease);
}
.btn-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 40px -12px var(--brand-glow);
}
.btn-primary:hover::before{transform:translateX(100%)}

.btn-ghost{
  transition:all .3s var(--ease);
  position:relative;
}
.btn-ghost:hover{
  border-color:var(--brand) !important;
  color:var(--brand) !important;
  background:var(--brand-tint);
  transform:translateY(-2px);
}

/* ---------- Cards: lift با درخشش نارنجی ---------- */
.card,.why-card,.app-card,.process-card,.cert-card,.faq-item,
.client-card-big,.contact-card,.showcase-specs li{
  transition:transform .35s var(--ease),
             box-shadow .35s var(--ease),
             border-color .35s;
}
.card:hover,.why-card:hover,.app-card:hover,.process-card:hover,
.cert-card:hover,.client-card-big:hover,.contact-card:hover{
  transform:translateY(-6px);
  box-shadow:0 25px 55px -20px var(--brand-glow),
             0 10px 30px -15px rgba(0,0,0,.15);
  border-color:rgba(232,93,26,.3) !important;
}

/* ---------- Icons: bounce on hover ---------- */
.why-card:hover .icon,
.app-card:hover .icon,
.process-card:hover .icon,
.spec-icon,
.fc-icon{
  transition:transform .5s var(--ease-bounce),
             background .35s,
             color .35s;
}
.why-card:hover .icon,
.app-card:hover .icon,
.process-card:hover .icon{
  transform:scale(1.15) rotate(-5deg);
  color:var(--brand);
}

/* ---------- Icon backgrounds: warm gradient ---------- */
.why-card .icon,
.app-card .icon,
.process-card .icon{
  background:var(--grad-brand-soft);
  color:var(--brand-dark);
  border:1px solid rgba(232,93,26,.15);
  transition:all .4s var(--ease);
}

/* ---------- Numbers/Stats: نارنجی پررنگ ---------- */
.stat strong,
.hero-stats .stat strong{
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-size:1.05em;
  filter:drop-shadow(0 4px 12px var(--brand-glow));
}

/* ---------- Section transitions: subtle top borders ---------- */
.section-alt{
  position:relative;
  background:var(--bg-soft);
}
.section-alt::before{
  content:"";
  position:absolute;
  top:0;left:50%;
  transform:translateX(-50%);
  width:80px;
  height:3px;
  border-radius:0 0 4px 4px;
  background:var(--grad-brand);
  opacity:.7;
}

/* ---------- Links: نارنجی زیر خط ---------- */
p a,.about-points a{
  color:var(--brand-dark);
  font-weight:700;
  background-image:linear-gradient(90deg,var(--brand),var(--brand-2));
  background-size:0% 2px;
  background-repeat:no-repeat;
  background-position:0 100%;
  transition:background-size .35s var(--ease);
  padding-bottom:2px;
}
p a:hover,.about-points a:hover{
  background-size:100% 2px;
}

/* ---------- FAQ: نارنجی روی open state ---------- */
.faq-item[open]{
  border-color:var(--brand) !important;
  box-shadow:0 15px 35px -18px var(--brand-glow);
}
.faq-item[open] summary{
  color:var(--brand-dark);
}

/* ---------- About points: نارنجی روی شماره ---------- */
.about-points li b{
  background:var(--grad-brand);
  color:#fff !important;
  padding:3px 10px;
  border-radius:6px;
  font-size:12px !important;
  margin-left:4px;
  box-shadow:0 4px 10px -3px var(--brand-glow);
}

/* ---------- Reveal animation ارتقاء ---------- */
.reveal{
  opacity:0;
  transform:translateY(30px);
  transition:opacity .8s var(--ease),transform .8s var(--ease);
}
.reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* ---------- Certificates: نارنجی on hover ---------- */
.cert-card:hover{
  background:linear-gradient(135deg,#fff 0%,rgba(232,93,26,.03) 100%);
}
.cert-card:hover .cert-title{color:var(--brand-dark)}

/* ---------- Product showcase specs: بهبود hover ---------- */
.showcase-specs li:hover{
  border-color:var(--brand) !important;
  background:linear-gradient(135deg,#fff 0%,var(--brand-tint) 100%);
}
.showcase-specs li:hover .spec-icon{
  background:var(--grad-brand);
  color:#fff;
  transform:scale(1.1) rotate(-8deg);
}

/* ---------- Client cards: طراحی مینیمال با placeholder جذاب ---------- */
.client-card-big{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:32px 24px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.client-card-big::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:var(--grad-brand);
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .4s var(--ease);
}
.client-card-big:hover::before{transform:scaleX(1);transform-origin:left}
.client-logo-wrap{
  height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
}
.client-logo-wrap img{
  max-width:140px;
  max-height:70px;
  object-fit:contain;
  filter:grayscale(30%);
  opacity:.9;
  transition:filter .4s,opacity .4s;
}
.client-card-big:hover .client-logo-wrap img{
  filter:grayscale(0%);
  opacity:1;
}
.client-logo-placeholder{
  width:70px;
  height:70px;
  border-radius:16px;
  background:var(--grad-brand-soft);
  color:var(--brand);
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(232,93,26,.2);
}
.client-logo-placeholder svg{width:32px;height:32px}
.client-name{
  font-size:16px;
  font-weight:800;
  color:var(--text);
  margin-bottom:6px;
}
.client-desc{
  font-size:12.5px;
  color:var(--steel-dim);
  margin:0;
}

/* ---------- Floating orange accent shapes روی هیرو ---------- */
.hero{position:relative;overflow:hidden}
.hero::after{
  content:"";
  position:absolute;
  top:-100px;
  left:-100px;
  width:400px;
  height:400px;
  border-radius:50%;
  background:radial-gradient(circle,var(--brand-tint) 0%,transparent 70%);
  pointer-events:none;
  animation:floatOrb 12s ease-in-out infinite;
}
.hero::before{
  content:"";
  position:absolute;
  bottom:-150px;
  right:-100px;
  width:500px;
  height:500px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(242,154,46,.06) 0%,transparent 70%);
  pointer-events:none;
  animation:floatOrb 15s ease-in-out infinite reverse;
}
@keyframes floatOrb{
  0%,100% { transform:translate(0,0) scale(1); }
  50%     { transform:translate(30px,-30px) scale(1.1); }
}

/* ---------- Header: بهبود سایه و رنگ ---------- */
.site-header{
  transition:box-shadow .3s,background .3s;
}
.site-header.is-scrolled{
  box-shadow:0 10px 30px -15px var(--brand-glow),
             0 5px 15px -8px rgba(0,0,0,.08);
}

/* ---------- Menu links: زیرخط نارنجی on hover ---------- */
.main-menu a{
  position:relative;
  transition:color .25s;
}
.main-menu a::after{
  content:"";
  position:absolute;
  bottom:-4px;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:2px;
  background:var(--grad-brand);
  border-radius:2px;
  transition:width .3s var(--ease);
}
.main-menu a:hover{color:var(--brand-dark)}
.main-menu a:hover::after{width:100%}

/* ---------- Back to top: نارنجی جذاب ---------- */
.back-to-top{
  background:var(--grad-brand) !important;
  color:#fff !important;
  box-shadow:0 12px 30px -10px var(--brand-glow);
  transition:transform .3s var(--ease),box-shadow .3s;
}
.back-to-top:hover{
  transform:translateY(-4px) scale(1.05);
  box-shadow:0 18px 40px -10px var(--brand-glow);
}

/* ---------- Product showcase CTA: تقویت نارنجی ---------- */
.showcase-cta .btn-primary{
  background:var(--grad-brand);
  border:none;
  box-shadow:0 12px 30px -12px var(--brand-glow);
}

/* ---------- Custom scrollbar گرم ---------- */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg-soft)}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--brand),var(--brand-2));
  border-radius:10px;
  border:2px solid var(--bg-soft);
}
::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,var(--brand-dark),var(--brand));
}

/* ---------- Text selection: نارنجی ---------- */
::selection{background:var(--brand);color:#fff}

/* ---------- Group section: زنده‌تر ---------- */
.group-section .hero-group-list span{
  transition:all .35s var(--ease-bounce);
}
.group-section .hero-group-list span:hover{
  background:var(--grad-brand);
  color:#fff;
  border-color:var(--brand);
  transform:translateY(-3px) scale(1.05);
  box-shadow:0 10px 20px -8px var(--brand-glow);
}

/* ===================================================================
   INDUSTRIES WE SERVE — بخش صنایع همکار
=================================================================== */
.industries-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-bottom:32px;
}
.industry-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:32px 28px;
  position:relative;
  overflow:hidden;
  transition:transform .4s var(--ease),box-shadow .4s,border-color .4s;
}
.industry-card::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:var(--grad-brand);
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .45s var(--ease);
}
.industry-card::after{
  content:"";
  position:absolute;
  top:-40px;
  left:-40px;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle,var(--brand-tint) 0%,transparent 70%);
  opacity:0;
  transition:opacity .4s;
  pointer-events:none;
}
.industry-card:hover{
  transform:translateY(-8px);
  border-color:var(--brand);
  box-shadow:0 30px 60px -25px var(--brand-glow),
             0 15px 35px -20px rgba(0,0,0,.12);
}
.industry-card:hover::before{transform:scaleX(1);transform-origin:left}
.industry-card:hover::after{opacity:1}

.industry-icon{
  width:64px;
  height:64px;
  border-radius:16px;
  background:var(--grad-brand-soft);
  color:var(--brand);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
  border:1px solid rgba(232,93,26,.15);
  transition:transform .5s var(--ease-bounce),background .4s,color .4s;
  position:relative;
  z-index:1;
}
.industry-icon svg{width:32px;height:32px}
.industry-card:hover .industry-icon{
  background:var(--grad-brand);
  color:#fff;
  transform:scale(1.1) rotate(-8deg);
}

.industry-title{
  font-size:18px;
  font-weight:800;
  color:var(--text);
  margin-bottom:10px;
  position:relative;
  z-index:1;
}
.industry-desc{
  font-size:13.5px;
  line-height:1.9;
  color:var(--steel);
  margin-bottom:18px;
  position:relative;
  z-index:1;
}
.industry-grade{
  display:flex;
  align-items:center;
  gap:8px;
  padding-top:16px;
  border-top:1px dashed var(--line);
  position:relative;
  z-index:1;
  flex-wrap:wrap;
}
.industry-grade span{
  font-size:11.5px;
  color:var(--steel-dim);
  font-weight:600;
}
.industry-grade strong{
  font-size:12.5px;
  color:var(--brand-dark);
  font-weight:800;
  background:var(--brand-tint);
  padding:3px 10px;
  border-radius:20px;
  border:1px solid rgba(232,93,26,.2);
}

.clients-note{
  margin-top:20px;
  text-align:center;
  padding:20px 28px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
}
.clients-note p{
  margin:0;
  font-size:14px;
  color:var(--steel);
  line-height:2;
}
.clients-note strong{color:var(--brand-dark);font-weight:800}
.clients-note a{
  color:var(--brand-dark);
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:rgba(232,93,26,.4);
}

@media(max-width:900px){
  .industries-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .industries-grid{grid-template-columns:1fr}
}

/* ===================================================================
   HERO VISUAL v3 — طراحی جدید با تصویر محصول و فریم‌های نارنجی
=================================================================== */
.hero-visual{
  padding:60px 0 80px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 20% 30%, rgba(232,93,26,.06) 0%, transparent 55%),
    radial-gradient(ellipse at 90% 80%, rgba(242,154,46,.05) 0%, transparent 55%),
    linear-gradient(180deg, var(--bg) 0%, var(--panel) 100%);
}
.hero-visual::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:6px;
  background:var(--grad-brand);
  z-index:1;
}

.hero-grid{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:60px;
  align-items:center;
  min-height:520px;
}

/* --- سمت راست: محتوا --- */
.hero-content{text-align:right}
.hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 16px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:30px;
  font-size:13px;
  font-weight:700;
  color:var(--text);
  margin-bottom:22px;
  box-shadow:0 4px 12px -6px rgba(0,0,0,.08);
}
.hero-eyebrow .dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--brand);
  box-shadow:0 0 0 4px rgba(232,93,26,.15);
  animation:pulseDot 2s ease-in-out infinite;
}
@keyframes pulseDot{
  0%,100% { box-shadow:0 0 0 4px rgba(232,93,26,.15); }
  50%     { box-shadow:0 0 0 8px rgba(232,93,26,.05); }
}

.hero-content h1{
  font-size:clamp(30px,4vw,48px);
  font-weight:900;
  line-height:1.4;
  margin-bottom:20px;
  color:var(--text);
}
.hero-content .lead{
  font-size:15.5px;
  line-height:2;
  color:var(--steel);
  margin-bottom:30px;
  max-width:540px;
}
.hero-content .cta-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:36px;
}

/* --- آمار کوچک زیر CTA --- */
.hero-mini-stats{
  display:flex;
  gap:32px;
  padding-top:28px;
  border-top:1px solid var(--line);
}
.hero-mini-stats > div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.hero-mini-stats strong{
  font-size:26px;
  font-weight:900;
  background:var(--grad-brand);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  line-height:1;
}
.hero-mini-stats span{
  font-size:12px;
  color:var(--steel-dim);
  font-weight:600;
}

/* --- سمت چپ: ویژوال با فریم‌های نارنجی --- */
.hero-visual-side{
  position:relative;
  aspect-ratio:1/1;
  max-width:520px;
  justify-self:center;
  width:100%;
}

/* فریم بیرونی نارنجی (زاویه‌دار) */
.hero-frame-outer{
  position:absolute;
  top:0;
  right:-20px;
  width:75%;
  height:75%;
  border:4px solid var(--brand);
  border-radius:4px;
  transform:skewY(-4deg);
  z-index:1;
  box-shadow:0 30px 60px -30px var(--brand-glow);
}

/* فریم داخلی نارنجی زاویه دیگر */
.hero-frame-inner{
  position:absolute;
  bottom:0;
  left:-15px;
  width:60%;
  height:60%;
  border:4px solid var(--brand-2);
  border-radius:4px;
  transform:skewY(4deg);
  z-index:1;
  opacity:.7;
}

/* تصویر اصلی محصول (بزرگ، وسط) */
.hero-product-main{
  position:absolute;
  top:8%;
  right:5%;
  width:70%;
  aspect-ratio:1/1;
  border-radius:12px;
  overflow:hidden;
  z-index:3;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.35),
             0 20px 40px -20px rgba(232,93,26,.2);
  transform:rotate(-2deg);
  transition:transform .6s var(--ease);
}
.hero-product-main:hover{transform:rotate(-4deg) scale(1.02)}
.hero-product-main img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* تصویر پس‌زمینه محصول (کوچک، پایین چپ) */
.hero-product-back{
  position:absolute;
  bottom:5%;
  left:0;
  width:55%;
  aspect-ratio:4/5;
  border-radius:12px;
  overflow:hidden;
  z-index:2;
  border:6px solid #fff;
  box-shadow:0 30px 60px -25px rgba(0,0,0,.4);
  transform:rotate(3deg);
  transition:transform .6s var(--ease);
}
.hero-product-back:hover{transform:rotate(1deg) scale(1.02)}
.hero-product-back img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* بج گواهی */
.hero-badge-cert{
  position:absolute;
  top:6%;
  left:-10px;
  background:#fff;
  border-radius:14px;
  padding:14px 18px;
  display:flex;
  align-items:center;
  gap:12px;
  z-index:4;
  box-shadow:0 20px 40px -15px rgba(0,0,0,.25);
  border:1px solid var(--line);
  animation:floatBadge 4s ease-in-out infinite;
}
@keyframes floatBadge{
  0%,100% { transform:translateY(0); }
  50%     { transform:translateY(-8px); }
}
.hero-badge-cert .badge-icon{
  width:36px;
  height:36px;
  border-radius:10px;
  background:var(--grad-brand);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}
.hero-badge-cert .badge-icon svg{width:18px;height:18px}
.hero-badge-cert strong{
  display:block;
  font-size:14px;
  color:var(--text);
  font-weight:800;
  line-height:1.2;
}
.hero-badge-cert span{
  font-size:11px;
  color:var(--steel-dim);
  font-weight:600;
}

/* --- بنر پایین هیرو --- */
.hero-tagline-bar{
  margin-top:60px;
  background:linear-gradient(135deg, #1a1d22 0%, #2a2d33 100%);
  color:#fff;
  padding:22px 32px;
  border-radius:14px;
  display:flex;
  align-items:center;
  gap:20px;
  position:relative;
  overflow:hidden;
  box-shadow:0 20px 50px -20px rgba(0,0,0,.3);
}
.hero-tagline-bar::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:8px;
  background:var(--grad-brand);
}
.hero-tagline-bar::after{
  content:"";
  position:absolute;
  top:-50%;
  right:-100px;
  width:300px;
  height:200%;
  background:radial-gradient(circle, rgba(232,93,26,.15) 0%, transparent 60%);
  pointer-events:none;
}
.tagline-icon{
  flex:none;
  width:46px;
  height:46px;
  border-radius:12px;
  background:var(--grad-brand);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  position:relative;
  z-index:1;
}
.tagline-icon svg{width:24px;height:24px}
.hero-tagline-bar span{
  font-size:15px;
  font-weight:600;
  color:#d5dae0;
  position:relative;
  z-index:1;
  line-height:1.8;
}
.hero-tagline-bar strong{
  color:var(--brand-2);
  font-weight:800;
}

/* --- ریسپانسیو --- */
@media(max-width:960px){
  .hero-grid{
    grid-template-columns:1fr;
    gap:40px;
    min-height:auto;
  }
  .hero-visual-side{
    max-width:420px;
    order:2;
  }
  .hero-content{text-align:right;order:1}
  .hero-mini-stats{justify-content:flex-start;gap:24px}
}
@media(max-width:560px){
  .hero-visual{padding:40px 0 50px}
  .hero-mini-stats{gap:16px}
  .hero-mini-stats strong{font-size:22px}
  .hero-tagline-bar{padding:18px 22px;gap:14px}
  .hero-tagline-bar span{font-size:13.5px}
  .hero-badge-cert{padding:10px 12px}
  .hero-badge-cert strong{font-size:12.5px}
  .hero-badge-cert span{font-size:10px}
}

/* ===================================================================
   HERO ALIVE v3.1 — ذرات، مارکی، انیمیشن‌های پیشرفته
=================================================================== */

/* ---------- ذرات شناور در پس‌زمینه ---------- */
.hero-particles{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  z-index:0;
}
.hero-particles .p{
  position:absolute;
  border-radius:50%;
  background:var(--grad-brand);
  opacity:.15;
  filter:blur(1px);
  animation:floatUp 15s linear infinite;
}
.hero-particles .p1{width:14px;height:14px;left:8%; top:80%;animation-delay:0s;   animation-duration:18s}
.hero-particles .p2{width:8px; height:8px; left:22%;top:90%;animation-delay:2s;   animation-duration:14s}
.hero-particles .p3{width:20px;height:20px;left:38%;top:85%;animation-delay:5s;   animation-duration:20s;opacity:.1}
.hero-particles .p4{width:6px; height:6px; left:52%;top:95%;animation-delay:1s;   animation-duration:16s}
.hero-particles .p5{width:12px;height:12px;left:68%;top:88%;animation-delay:4s;   animation-duration:19s}
.hero-particles .p6{width:16px;height:16px;left:82%;top:92%;animation-delay:6s;   animation-duration:15s;opacity:.12}
.hero-particles .p7{width:10px;height:10px;left:15%;top:75%;animation-delay:8s;   animation-duration:22s}
.hero-particles .p8{width:8px; height:8px; left:75%;top:78%;animation-delay:10s;  animation-duration:17s}

@keyframes floatUp{
  0%   { transform:translateY(0) translateX(0) rotate(0deg);   opacity:0; }
  10%  { opacity:.15; }
  50%  { transform:translateY(-350px) translateX(30px) rotate(180deg); opacity:.2; }
  90%  { opacity:.1; }
  100% { transform:translateY(-700px) translateX(-20px) rotate(360deg); opacity:0; }
}

.hero-visual .container{position:relative;z-index:1}

/* ---------- انیمیشن ورود عنوان: کلمه به کلمه ---------- */
.hero-content h1{
  animation:slideUpFade .8s var(--ease) both;
}
.hero-content .hero-eyebrow{animation:slideDownFade .6s var(--ease) both}
.hero-content .lead{animation:slideUpFade .8s .15s var(--ease) both}
.hero-content .cta-row{animation:slideUpFade .8s .3s var(--ease) both}
.hero-content .hero-mini-stats{animation:slideUpFade .8s .45s var(--ease) both}

@keyframes slideUpFade{
  from{ opacity:0; transform:translateY(30px); }
  to  { opacity:1; transform:translateY(0);   }
}
@keyframes slideDownFade{
  from{ opacity:0; transform:translateY(-20px); }
  to  { opacity:1; transform:translateY(0);    }
}

/* ---------- ورود ویژوال از چپ ---------- */
.hero-visual-side{
  animation:visualEntry 1s .2s var(--ease) both;
}
@keyframes visualEntry{
  from{ opacity:0; transform:translateX(-40px) scale(.95); }
  to  { opacity:1; transform:translateX(0) scale(1);      }
}

/* ---------- درخشش مداوم فریم‌های نارنجی ---------- */
.hero-frame-outer{
  animation:glowPulse 3s ease-in-out infinite;
}
.hero-frame-inner{
  animation:glowPulse 3s ease-in-out infinite reverse;
}
@keyframes glowPulse{
  0%,100% { box-shadow:0 20px 40px -20px var(--brand-glow); }
  50%     { box-shadow:0 30px 70px -20px rgba(232,93,26,.4); }
}

/* ---------- افکت shine روی تصویر محصول ---------- */
.hero-product-main::after,
.hero-product-back::after{
  content:"";
  position:absolute;
  top:-50%;
  left:-50%;
  width:60%;
  height:200%;
  background:linear-gradient(120deg,transparent 40%, rgba(255,255,255,.4) 50%, transparent 60%);
  transform:rotate(20deg);
  animation:shineWave 5s ease-in-out infinite;
  pointer-events:none;
  z-index:2;
}
.hero-product-back::after{animation-delay:2.5s}
@keyframes shineWave{
  0%,60%,100% { transform:translateX(-100%) rotate(20deg); }
  70%,80%     { transform:translateX(300%) rotate(20deg); }
}

/* ---------- مارکی گریدها ---------- */
.hero-marquee{
  margin-top:24px;
  padding:16px 0;
  background:linear-gradient(90deg, #1a1d22 0%, #2a2d33 100%);
  border-radius:12px;
  overflow:hidden;
  position:relative;
  mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
}
.marquee-track{
  display:flex;
  gap:32px;
  width:max-content;
  animation:scrollMarquee 45s linear infinite;
  direction:ltr;
}
.hero-marquee:hover .marquee-track{animation-play-state:paused}
.marquee-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#c7ccd4;
  font-size:14px;
  font-weight:700;
  font-family:'Roboto Mono', 'Courier New', monospace;
  white-space:nowrap;
  padding:6px 14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(232,93,26,.15);
  border-radius:30px;
  transition:color .3s, background .3s, transform .3s;
}
.marquee-item svg{color:var(--brand-2);flex:none}
.marquee-item:hover{
  color:#fff;
  background:rgba(232,93,26,.15);
  transform:scale(1.08);
}
@keyframes scrollMarquee{
  from{ transform:translateX(0); }
  to  { transform:translateX(-50%); }
}

/* ---------- Tilt hover 3بعدی روی کارت‌ها ---------- */
.industry-card,
.showcase-specs li,
.cert-card,
.why-card{
  transform-style:preserve-3d;
  perspective:1000px;
}

/* ---------- بج نبض ملایم (بدون سرریز) ---------- */
.hero-eyebrow .dot{
  position:relative;
}
.hero-eyebrow .dot::before{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:50%;
  border:1.5px solid var(--brand);
  animation:ringPulse 2s ease-out infinite;
}
@keyframes ringPulse{
  0%   { transform:scale(1);   opacity:.5; }
  100% { transform:scale(1.6); opacity:0;  }
}
.hero-eyebrow{
  position:relative;
  z-index:2;
}

/* ---------- کارت‌های آمار مینی: hover ---------- */
.hero-mini-stats > div{
  cursor:default;
  transition:transform .35s var(--ease);
}
.hero-mini-stats > div:hover{
  transform:translateY(-4px);
}
.hero-mini-stats > div:hover strong{
  filter:drop-shadow(0 6px 16px var(--brand-glow));
}

/* ---------- بنر پایین: shine effect ---------- */
.hero-tagline-bar::before{
  animation:barGlowMove 3s ease-in-out infinite;
}
@keyframes barGlowMove{
  0%,100% { opacity:1; box-shadow:0 0 0 rgba(232,93,26,0); }
  50%     { opacity:1; box-shadow:0 0 20px rgba(232,93,26,.6); }
}

/* ---------- Icons زنده‌تر روی industry cards ---------- */
.industry-icon svg,
.spec-icon,
.why-card .icon svg{
  transition:transform .5s var(--ease-bounce);
}
.industry-card:hover .industry-icon svg{
  animation:iconWiggle .6s ease-in-out;
}
@keyframes iconWiggle{
  0%,100% { transform:rotate(0deg); }
  25%     { transform:rotate(-8deg) scale(1.1); }
  50%     { transform:rotate(8deg) scale(1.1); }
  75%     { transform:rotate(-4deg) scale(1.05); }
}

/* ---------- Scroll reveal بهبود یافته با stagger ---------- */
.reveal.is-visible > *{
  animation:staggerIn .6s var(--ease) both;
}
.reveal.is-visible > *:nth-child(1){animation-delay:.05s}
.reveal.is-visible > *:nth-child(2){animation-delay:.15s}
.reveal.is-visible > *:nth-child(3){animation-delay:.25s}
.reveal.is-visible > *:nth-child(4){animation-delay:.35s}
.reveal.is-visible > *:nth-child(5){animation-delay:.45s}
.reveal.is-visible > *:nth-child(6){animation-delay:.55s}
@keyframes staggerIn{
  from{ opacity:0; transform:translateY(20px); }
  to  { opacity:1; transform:translateY(0);   }
}

/* ---------- Magnetic Button — cursor follow ---------- */
.btn{
  transition:transform .2s var(--ease),
             background .3s,
             box-shadow .3s,
             color .3s,
             border-color .3s;
}

to  { width:60px; }
}

/* ---------- Ripple روی دکمه اصلی ---------- */
.btn-primary{position:relative}
.btn-primary::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-radius:50%;
  background:rgba(255,255,255,.3);
  transform:translate(-50%,-50%);
  transition:width .5s, height .5s;
  pointer-events:none;
}
.btn-primary:active::after{
  width:300px;
  height:300px;
  transition:width 0s, height 0s;
}

/* ===================================================================
   ALIVE v2 — انیمیشن‌های زنده‌تر
=================================================================== */

/* ---------- کاهش شفافیت shine روی تصاویر — تمیزتر ---------- */
.hero-product-main::after,
.hero-product-back::after{
  background:linear-gradient(120deg,transparent 42%, rgba(255,255,255,.25) 50%, transparent 58%);
}

/* ---------- IATF badge: کمی داخل‌تر ---------- */
.hero-badge-cert{
  top:8%;
  left:-4px;
}

/* ---------- Cursor Spotlight — درخشش دنبال موس ---------- */
.hero-visual{
  --mx:50%;
  --my:50%;
}
.hero-visual::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle 400px at var(--mx) var(--my), rgba(232,93,26,.08) 0%, transparent 60%);
  transition:opacity .3s;
  opacity:0;
  z-index:0;
}
.hero-visual:hover::after{opacity:1}

/* ---------- ورود پلکانی حروف تیتر ---------- */
.hero-content h1 .word{
  display:inline-block;
  opacity:0;
  transform:translateY(30px) rotateX(-30deg);
  animation:wordIn .8s var(--ease) forwards;
}
.hero-content h1 .word:nth-child(1){animation-delay:.05s}
.hero-content h1 .word:nth-child(2){animation-delay:.15s}
.hero-content h1 .word:nth-child(3){animation-delay:.25s}
.hero-content h1 .word:nth-child(4){animation-delay:.35s}
.hero-content h1 .word:nth-child(5){animation-delay:.45s}
.hero-content h1 .word:nth-child(6){animation-delay:.55s}
.hero-content h1 .word:nth-child(7){animation-delay:.65s}
.hero-content h1 .word:nth-child(8){animation-delay:.75s}
@keyframes wordIn{
  to{ opacity:1; transform:translateY(0) rotateX(0deg); }
}

/* ---------- Section entrance — اسلاید بالا در هنگام دیدن ---------- */
section{scroll-margin-top:80px}
section.in-view .section-head{
  animation:sectionSlideUp .8s var(--ease) both;
}
@keyframes sectionSlideUp{
  from{ opacity:0; transform:translateY(40px); }
  to  { opacity:1; transform:translateY(0);   }
}

/* ---------- SVG Wave divider بین سکشن‌ها ---------- */
.wave-divider{
  position:relative;
  height:60px;
  overflow:hidden;
  margin-top:-1px;
}
.wave-divider svg{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  display:block;
}
.wave-divider .wave-fill{fill:var(--bg-soft)}
.wave-divider.wave-flip{transform:scaleY(-1)}

30%     { opacity:.9; transform:scale(1.2) rotate(180deg); }
  60%     { opacity:.6; transform:scale(1) rotate(270deg); }
}

/* ---------- Product showcase image lift on scroll ---------- */
.showcase-main{
  transition:transform .5s var(--ease);
}
.showcase-main:hover{
  transform:scale(1.02) rotate(-1deg);
  box-shadow:0 45px 90px -30px var(--brand-glow), 0 25px 50px -25px rgba(0,0,0,.35);
}

/* ---------- گلپا پال Marquee tagline ---------- */
.hero-marquee{
  margin-top:20px;
}

/* ---------- Sticky glow روی card active ---------- */
.industry-card,
.cert-card,
.why-card{
  will-change:transform;
}

/* ---------- Section title character delay ---------- */
.section-title{
  overflow:visible;
}

/* ---------- Improved eyebrow badge with subtle shine ---------- */
.hero-eyebrow{
  overflow:hidden;
  position:relative;
}
.hero-eyebrow::before{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:60%;
  height:100%;
  background:linear-gradient(90deg, transparent, rgba(232,93,26,.15), transparent);
  animation:eyebrowShine 4s ease-in-out infinite;
  pointer-events:none;
}
@keyframes eyebrowShine{
  0%   { left:-60%; }
  50%  { left:100%; }
  100% { left:100%; }
}

/* ---------- Grid background pattern متحرک روی هیرو (subtle) ---------- */
.hero-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(232,93,26,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(232,93,26,.03) 1px, transparent 1px);
  background-size:80px 80px;
  background-position:0 0;
  pointer-events:none;
  z-index:0;
  animation:gridDrift 30s linear infinite;
  mask-image:radial-gradient(ellipse at center, black 30%, transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse at center, black 30%, transparent 80%);
}
@keyframes gridDrift{
  from{ background-position:0 0; }
  to  { background-position:80px 80px; }
}

/* ---------- Hover glow روی تصویر اصلی محصول ---------- */
.hero-product-main{
  filter:drop-shadow(0 0 0 rgba(232,93,26,0));
  transition:transform .6s var(--ease), filter .5s;
}
.hero-product-main:hover{
  filter:drop-shadow(0 20px 40px rgba(232,93,26,.35));
}

/* ---------- بنر پایین: نبض ملایم ---------- */
.hero-tagline-bar{
  animation:barBreath 4s ease-in-out infinite;
}
@keyframes barBreath{
  0%,100% { transform:scale(1);     }
  50%     { transform:scale(1.005); }
}

/* ---------- CTA دکمه: انیمیشن ورودی ---------- */
.btn-primary{
  animation:ctaBreathe 3s ease-in-out infinite;
}
@keyframes ctaBreathe{
  0%,100% { box-shadow:0 10px 24px -10px var(--brand-glow); }
  50%     { box-shadow:0 14px 34px -10px rgba(232,93,26,.45); }
}

/* ===================================================================
   FULL SITE ALIVE v2.5 — کل سایت زنده
=================================================================== */

/* ---------- Scroll Progress Bar بالای صفحه ---------- */
.scroll-progress{
  position:fixed;
  top:0;
  left:0;
  height:3px;
  width:0;
  background:var(--grad-brand);
  z-index:9999;
  box-shadow:0 2px 10px var(--brand-glow);
  transition:width .1s linear;
}

/* ---------- Global Floating Orbs — روی کل سایت ---------- */
body{position:relative;overflow-x:hidden}
.site-orbs{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  overflow:hidden;
}
.site-orbs .orb{
  position:absolute;
  border-radius:50%;
  filter:blur(80px);
  opacity:.4;
  animation:orbDrift 25s ease-in-out infinite;
}
.site-orbs .orb-1{
  width:400px;height:400px;
  background:radial-gradient(circle,rgba(232,93,26,.15),transparent);
  top:10%; left:-100px;
  animation-delay:0s;
}
.site-orbs .orb-2{
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(242,154,46,.1),transparent);
  top:60%; right:-150px;
  animation-delay:-8s;
}
.site-orbs .orb-3{
  width:350px;height:350px;
  background:radial-gradient(circle,rgba(232,93,26,.1),transparent);
  bottom:20%; left:30%;
  animation-delay:-15s;
}
@keyframes orbDrift{
  0%,100% { transform:translate(0,0) scale(1);       }
  33%     { transform:translate(80px,-60px) scale(1.15); }
  66%     { transform:translate(-60px,50px) scale(.9); }
}

/* اطمینان از اینکه محتوا بالای orbs باشه */
.site-header, main, .site-footer{position:relative;z-index:1}

/* ---------- Row hover روی جدول گریدها ---------- */
.grades-table tbody tr{
  transition:background .25s;
}
.grades-table tbody tr:hover{
  background:linear-gradient(90deg, var(--brand-tint) 0%, transparent 100%);
}
.grades-table tbody tr:hover .td-name{
  border-right-color:var(--brand) !important;
}
.grades-table tbody tr:hover .td-name strong{
  color:var(--brand-dark);
}

/* ---------- Applications cards — انیمیشن ورود آیکون ---------- */
.app-card .icon{
  transition:transform .5s var(--ease-bounce), background .4s, color .4s;
}
.app-card:hover .icon{
  transform:scale(1.2) rotate(-10deg);
  background:var(--grad-brand);
  color:#fff;
}

/* ---------- Process steps — انیمیشن پلکانی ---------- */
.process-card{
  position:relative;
}
.process-card::before{
  content:"";
  position:absolute;
  top:20px;
  right:20px;
  width:36px;
  height:36px;
  border-radius:50%;
  border:2px dashed var(--brand);
  opacity:0;
  transition:opacity .4s, transform .5s var(--ease-bounce);
  transform:scale(0);
}
.process-card:hover::before{
  opacity:.5;
  transform:scale(1) rotate(90deg);
}

/* ---------- Stats section — بزرگ‌نمایی اعداد ---------- */
#stats .stat strong,
.hero-stats .stat strong{
  transition:transform .4s var(--ease-bounce), filter .4s;
}
#stats .stat:hover strong,
.hero-stats .stat:hover strong{
  transform:scale(1.1);
  filter:drop-shadow(0 8px 20px var(--brand-glow));
}

/* ---------- FAQ — بازشدن smoother با درخشش ---------- */
.faq-item{
  transition:border-color .3s, box-shadow .4s, background .3s;
  position:relative;
  overflow:hidden;
}
.faq-item summary{
  transition:color .3s, padding-inline-start .3s;
  cursor:pointer;
  position:relative;
}
.faq-item summary::marker,
.faq-item summary::-webkit-details-marker{display:none}
/* حذف شد — .faq-icon قبلاً +/- را نمایش می‌دهد */
.faq-item:hover summary{padding-inline-start:8px}
.faq-item[open]{
  background:linear-gradient(135deg, #fff 0%, var(--brand-tint) 100%);
}

/* ---------- Contact form inputs — focus glow ---------- */
input[type="text"],input[type="tel"],input[type="email"],textarea,select{
  transition:border-color .3s, box-shadow .3s, background .3s;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus{
  border-color:var(--brand) !important;
  box-shadow:0 0 0 4px var(--brand-tint), 0 8px 20px -8px var(--brand-glow);
  background:#fff;
  outline:none !important;
}

/* ---------- CTA Band — پس‌زمینه پویاتر ---------- */
.cta-band,
#cta{
  position:relative;
  overflow:hidden;
}
.cta-band::before,
#cta::before{
  content:"";
  position:absolute;
  top:-100%;
  left:-100%;
  right:-100%;
  bottom:-100%;
  background:conic-gradient(from 0deg, transparent, rgba(232,93,26,.08), transparent, rgba(242,154,46,.08), transparent);
  animation:conicSpin 20s linear infinite;
  pointer-events:none;
}
@keyframes conicSpin{
  from{ transform:rotate(0deg);   }
  to  { transform:rotate(360deg); }
}

/* ---------- About section — image reveal ---------- */
.about-visual img,
.about img{
  transition:transform .8s var(--ease), filter .5s;
}
.about:hover .about-visual img,
.about:hover img{
  transform:scale(1.03);
}

/* ---------- Certificates — shine sweep روی hover ---------- */
.cert-card{
  position:relative;
  overflow:hidden;
}
.cert-card::before{
  content:"";
  position:absolute;
  top:-50%;
  left:-100%;
  width:60%;
  height:200%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.4), transparent);
  transform:rotate(20deg);
  transition:left .8s var(--ease);
  pointer-events:none;
}
.cert-card:hover::before{ left:120%; }

/* ---------- Why Us cards — پس‌زمینه گرادیانی روی hover ---------- */
.why-card{
  background:#fff;
  position:relative;
  overflow:hidden;
}
.why-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, transparent 0%, var(--brand-tint) 100%);
  opacity:0;
  transition:opacity .4s;
  pointer-events:none;
}
.why-card:hover::before{opacity:1}
.why-card > *{position:relative;z-index:1}

/* ---------- Group Companies badges — نبض ملایم روی همه ---------- */
.group-section .hero-group-list span{
  animation:badgeFloat 4s ease-in-out infinite;
}
.group-section .hero-group-list span:nth-child(1){animation-delay:0s}
.group-section .hero-group-list span:nth-child(2){animation-delay:.4s}
.group-section .hero-group-list span:nth-child(3){animation-delay:.8s}
.group-section .hero-group-list span:nth-child(4){animation-delay:1.2s}
.group-section .hero-group-list span:nth-child(5){animation-delay:1.6s}
@keyframes badgeFloat{
  0%,100% { transform:translateY(0);   }
  50%     { transform:translateY(-4px); }
}

/* ---------- Group logo — چرخش پیوسته ملایم ---------- */
.group-section .hero-group-logo img{
  animation:logoIdle 15s ease-in-out infinite;
}
@keyframes logoIdle{
  0%,100% { transform:rotate(-2deg) scale(1);     }
  50%     { transform:rotate(2deg) scale(1.02);   }
}

/* ---------- Product showcase image — subtle continuous scale ---------- */
.showcase-main img{
  animation:productPulse 6s ease-in-out infinite;
}
@keyframes productPulse{
  0%,100% { transform:scale(1);    }
  50%     { transform:scale(1.03); }
}

/* ---------- Footer social icons — پرش زمانی ---------- */
.footer-social a{
  animation:socialBob 3s ease-in-out infinite;
}
.footer-social a:nth-child(2){animation-delay:.2s}
.footer-social a:nth-child(3){animation-delay:.4s}
.footer-social a:nth-child(4){animation-delay:.6s}
@keyframes socialBob{
  0%,100% { transform:translateY(0);   }
  50%     { transform:translateY(-3px); }
}

/* ---------- بهبود about points ---------- */
.about-points li{
  transition:transform .3s var(--ease), padding-right .3s;
  padding-right:0;
}
.about-points li:hover{
  transform:translateX(-6px);
  padding-right:8px;
}

/* ---------- Numbers roll effect ---------- */
[data-count]{
  display:inline-block;
  font-variant-numeric:tabular-nums;
}

/* ---------- CTA band strong text — highlight sweep ---------- */
.cta-band h2 em,
#cta h2 em,
.cta-band strong,
#cta strong{
  position:relative;
  display:inline-block;
  background:linear-gradient(90deg, var(--brand), var(--brand-2), var(--brand));
  background-size:200% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:brandShift 4s linear infinite;
}

/* ---------- Text link underline sweep for footer ---------- */
.footer-col a,
.footer-contact-list a{
  position:relative;
}

/* ---------- Global body cursor برای engagement ---------- */
.btn,button,a{cursor:pointer}

/* ---------- Loading state روی buttons ---------- */
.btn.is-loading{
  opacity:.7;
  pointer-events:none;
  position:relative;
}
.btn.is-loading::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:16px;
  height:16px;
  margin:-8px 0 0 -8px;
  border:2px solid rgba(255,255,255,.3);
  border-top-color:#fff;
  border-radius:50%;
  animation:btnSpin .6s linear infinite;
}
@keyframes btnSpin{ to{ transform:rotate(360deg); } }

/* ---------- Better scrollbar روی firefox ---------- */
*{scrollbar-color:var(--brand) var(--bg-soft); scrollbar-width:thin}


/* ===================================================================
   CLEANUP v2.5.1 — رفع مشکل هم‌پوشانی سکشن‌ها
=================================================================== */

/* Section head layout — تمیز و مرتب */
.section-head{
  position:relative;
  margin-bottom:36px;
  z-index:1;
}
.section-head .eyebrow{
  margin-bottom:14px;
  display:inline-block;
}
.section-title{
  display:block;
  margin-bottom:10px;
  position:relative;
  overflow:visible;
}
.section-lead{
  max-width:720px;
  line-height:2;
  color:var(--steel);
}

/* حذف کامل هرگونه sparkle یا شماره روی سکشن‌ها */
.section-title em::before,
.section-title em::after,
.hero-content h1 em::before,
.hero-content h1 em::after{content:none !important;display:none !important}

main section .section-head::before{content:none !important;display:none !important}

/* ===================================================================
   TABLE FIX v2.5.2 — تراز درست ستون گرید آلیاژ
=================================================================== */

/* اطمینان از تراز راست در سلول گرید */
.grades-table .th-name,
.grades-table .td-name{
  text-align:right !important;
  padding-right:20px !important;
  min-width:150px;
  white-space:nowrap;
}
.grades-table .td-name strong{
  display:block !important;
  text-align:right !important;
  margin:0 0 6px 0 !important;
}
.grades-table .td-name small{
  display:inline-block;
  background:var(--brand-tint);
  color:var(--brand-dark);
  font-size:11px;
  padding:2px 10px;
  border-radius:20px;
  font-weight:700;
  border:1px solid rgba(232,93,26,.2);
  text-align:center;
}

/* بقیه سلول‌ها وسط چین */
.grades-table thead th:not(.th-name),
.grades-table tbody td:not(.td-name){
  text-align:center !important;
  vertical-align:middle;
}

/* border فرورفتگی نارنجی سمت راست وقتی هاور می‌شه */
.grades-table .td-name{
  border-right:3px solid transparent;
  transition:border-color .3s;
}

/* ===================================================================
   TRUST STRIP — نوار مزیت‌های کلیدی زیر هیرو
=================================================================== */
.hero-trust-strip{
  margin-top:16px;
  background:linear-gradient(135deg, #1a1d22 0%, #23272d 100%);
  border-radius:14px;
  padding:20px 24px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  position:relative;
  overflow:hidden;
  box-shadow:0 20px 50px -25px rgba(0,0,0,.4);
  border:1px solid rgba(232,93,26,.15);
}
.hero-trust-strip::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:4px;
  background:var(--grad-brand);
}
.hero-trust-strip::after{
  content:"";
  position:absolute;
  top:-50%;
  right:-100px;
  width:400px;
  height:200%;
  background:radial-gradient(circle, rgba(232,93,26,.1) 0%, transparent 60%);
  pointer-events:none;
}

.trust-item{
  display:flex;
  align-items:center;
  gap:12px;
  position:relative;
  z-index:1;
  padding:6px 8px;
  border-radius:10px;
  transition:background .3s, transform .3s var(--ease);
  min-width:0;
}
.trust-item:hover{
  background:rgba(232,93,26,.08);
  transform:translateY(-3px);
}
.trust-item:not(:last-child)::after{
  content:"";
  position:absolute;
  left:-10px;
  top:20%;
  bottom:20%;
  width:1px;
  background:rgba(255,255,255,.08);
}

.trust-icon{
  flex:none;
  width:40px;
  height:40px;
  border-radius:10px;
  background:linear-gradient(135deg, rgba(232,93,26,.18), rgba(242,154,46,.08));
  color:var(--brand-2);
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(232,93,26,.25);
  transition:transform .4s var(--ease-bounce), background .3s, color .3s;
}
.trust-icon svg{width:20px;height:20px}
.trust-item:hover .trust-icon{
  background:var(--grad-brand);
  color:#fff;
  transform:scale(1.1) rotate(-8deg);
}

.trust-info{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
  flex:1;
}
.trust-info strong{
  color:#fff !important;
  font-size:13.5px;
  font-weight:800;
  line-height:1.3;
  display:block;
}
.trust-info span{
  color:#a0a5ad !important;
  font-size:11.5px;
  font-weight:500;
  line-height:1.4;
  display:block;
}

@media(max-width:1100px){
  .hero-trust-strip{
    grid-template-columns:repeat(2,1fr);
    gap:14px;
  }
  .trust-item:not(:last-child)::after{display:none}
}
@media(max-width:520px){
  .hero-trust-strip{grid-template-columns:1fr;padding:16px}
  .trust-info strong{font-size:14px}
}

/* حذف marquee قدیمی */
.hero-marquee{display:none !important}

/* ===================================================================
   GROUP LINKS v2.6 — بج‌های گروه شرکت‌ها به‌صورت لینک قابل کلیک
=================================================================== */
.hero-group-list a,
.hero-group-list a:link,
.hero-group-list a:visited{
  font-size:12.5px;
  color:var(--steel);
  font-weight:600;
  padding:5px 12px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:30px;
  transition:border-color .25s,color .25s,background .25s,transform .3s var(--ease-bounce);
  text-decoration:none;
  cursor:pointer;
  display:inline-block;
}
.hero-group-list a:hover{
  border-color:var(--brand);
  color:#fff;
  background:var(--grad-brand);
  transform:translateY(-3px) scale(1.05);
  box-shadow:0 10px 20px -8px var(--brand-glow);
}
.hero-group-list a.is-current{
  border-color:var(--brand);
  background:var(--grad-brand-soft);
  color:var(--brand-dark);
  cursor:default;
}
.hero-group-list a.is-current:hover{
  transform:none;
  background:var(--grad-brand-soft);
  color:var(--brand-dark);
  box-shadow:none;
}

/* در بخش group-section (پایین سایت) */
.group-section .hero-group-list a{
  font-size:13.5px;
  padding:8px 16px;
  background:#fff;
  border-color:var(--line);
  animation:badgeFloat 4s ease-in-out infinite;
}
.group-section .hero-group-list a:nth-child(1){animation-delay:0s}
.group-section .hero-group-list a:nth-child(2){animation-delay:.4s}
.group-section .hero-group-list a:nth-child(3){animation-delay:.8s}
.group-section .hero-group-list a:nth-child(4){animation-delay:1.2s}
.group-section .hero-group-list a:nth-child(5){animation-delay:1.6s}
.group-section .hero-group-list a:hover{
  border-color:var(--brand);
  background:var(--grad-brand);
  color:#fff;
  transform:translateY(-4px) scale(1.05);
  box-shadow:0 12px 24px -8px var(--brand-glow);
}
@media(max-width:600px){
  .hero-group-list a{font-size:11.5px;padding:4px 10px}
  .group-section .hero-group-list a{font-size:12.5px;padding:6px 14px}
}

/* ===================================================================
   v2.6.1 — span غیرقابل کلیک برای شرکت‌های بدون سایت
=================================================================== */
.hero-group-list span{
  font-size:12.5px;
  color:var(--steel);
  font-weight:600;
  padding:5px 12px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:30px;
  display:inline-block;
  cursor:default;
  opacity:.75;
}
.group-section .hero-group-list span{
  font-size:13.5px;
  padding:8px 16px;
  background:#fff;
  animation:badgeFloat 4s ease-in-out infinite;
  animation-delay:1.6s;
}

/* footer .no-link — پیشرو در فوتر */
.footer-col ul li .no-link{
  color:#a0a5ad;
  font-size:13.5px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  cursor:default;
  opacity:.7;
}
.footer-col ul li .no-link span{
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--steel-dim);
  opacity:.5;
}