:root{
  --primary:#125c2a; --primary-700:#0d431f; --accent:#d72638; --ink:#0f172a; --muted:#64748b; --card:#ffffff;
  --glass:rgba(255,255,255,.10); --hero-overlay:linear-gradient(to bottom, rgba(17,24,39,.6), rgba(17,24,39,.25), rgba(17,24,39,.0));
}
*{box-sizing:border-box} html,body{height:100%}
body{color:var(--ink); background:#fafaf7}
a{text-decoration:none}
.bg-blur{backdrop-filter:saturate(1.4) blur(8px); background:rgba(255,255,255,.75)}
.hero{position:relative;min-height:58vh;display:grid;align-items:end;background:var(--hero-overlay),var(--hero-img, url('/assets/img/hero-bg.jpg'));background-size:cover;background-position:center;border-bottom-left-radius:36px;border-bottom-right-radius:36px;overflow:hidden}
.hero .decor{position:absolute;inset:auto -10% -25% auto;width:60vw;height:60vw;background:radial-gradient(closest-side, rgba(18,92,42,.18), transparent 70%);filter:blur(14px)}
.hero .content{position:relative;z-index:2;color:#fff;padding:5rem 0 3rem}
.hero .badge{background:#16a34a;color:#fff;border-radius:999px;padding:.5rem .9rem;font-weight:800}
.category-chip{display:inline-flex;align-items:center;gap:.5rem;background:#25ab6e;border:1px solid #e5e7eb;padding:.35rem .7rem;border-radius:999px;font-size:.9rem}
.product-card{background:#fff;border:1px solid #eaeaea;border-radius:20px;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.06);transition:transform .25s, box-shadow .25s}
.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(0,0,0,.10)}
.product-thumb{aspect-ratio:4/3;object-fit:cover;width:100%}
.btn-success{background:var(--primary);border-color:var(--primary)} .btn-success:hover{background:var(--primary-700);border-color:var(--primary-700)}
.bg-deep{background:#0b1220;color:#cbd5e1} footer a{ color:#e2e8f0 }
:root{
  /* اگر قبلاً هست، نیاز نیست دوباره بگذارید */
  --primary:#125c2a;
  --accent:#d72638;
}

/* کارت اطلاع‌رسانی حرفه‌ای */
.info-card{
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  border: 1px solid #bbf7d0;
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0,0,0,.06);
  color: #065f46;
  line-height: 1.95;
  text-align: justify;
  position: relative;
  overflow: hidden;
}

/* تزئینات نوری */
.info-card::before,
.info-card::after{
  content:"";
  position:absolute;
  border-radius: 999px;
  filter: blur(18px);
  pointer-events:none;
}
.info-card::before{
  width: 220px; height: 220px;
  top: -60px; inset-inline-end: -60px; /* راست‌به‌چپ */
  background: radial-gradient(closest-side, rgba(22,163,74,.18), transparent 70%);
}
.info-card::after{
  width: 280px; height: 280px;
  bottom: -90px; inset-inline-start: -90px;
  background: radial-gradient(closest-side, rgba(18,92,42,.12), transparent 70%);
}

.info-card .info-text{ color:#064e3b; }

/* انیمیشن ورود (fade + slide-up) */
.pro-animated{
  opacity: 0;
  transform: translateY(16px);
  will-change: transform, opacity;
}
.pro-animated.is-visible{
  opacity: 1;
  transform: none;
  transition: opacity .7s ease, transform .7s ease;
}

/* اگر کاربر کاهش حرکت را ترجیح می‌دهد */
@media (prefers-reduced-motion: reduce){
  .pro-animated{ opacity:1; transform:none; }
  .pro-animated.is-visible{ transition:none; }
}
.cat-card {
  display: block;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 20px;
  padding: 16px 12px;
  min-height: 200px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 0 0 rgba(0,0,0,0);
  text-align: center;
}
.cat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

.cat-figure {
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 14px;
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  margin-bottom: 8px;
  overflow: hidden;
}
.cat-figure img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}

.cat-title {
  font-size: 1rem;
  color: #111;
}

/* ریسپانسیو برای موبایل */
@media (max-width: 575px) {
  .cat-grid .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 8px;
    padding-right: 8px;
  }
  .cat-card {
    min-height: 160px;
    padding: 12px 8px;
    border-radius: 14px;
  }
  .cat-figure {
    border-radius: 12px;
  }
  .cat-title {
    font-size: 0.9rem;
  }
}

/* ریسپانسیو برای خیلی کوچک (زیر 360px) */
@media (max-width: 360px) {
  .cat-grid .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.photo-card {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.photo-card img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.photo-card:hover img {
  transform: scale(1.05);
}

.photo-card:hover {
  box-shadow: 0 12px 36px rgba(0,0,0,0.12);
  transform: translateY(-3px);
}
/* ===== Feature Cards • Pro Style ===== */
.features { --pro-green:#16a34a; --pro-green-700:#0d5b2a; --ink:#0f172a; }

.pro-card{
  position: relative;
  height: 100%;
  border-radius: 18px;
  padding: 22px 16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.9)) border-box;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

/* نورپردازی تزئینی */
.pro-card::before,
.pro-card::after{
  content:"";
  position:absolute; inset:auto;
  border-radius: 999px;
  filter: blur(18px);
  pointer-events:none;
}
.pro-card::before{
  width: 220px; height: 220px;
  bottom: -80px; inset-inline-start: -80px;
  background: radial-gradient(closest-side, rgba(22,163,74,.18), transparent 70%);
}
.pro-card::after{
  width: 180px; height: 180px;
  top: -60px; inset-inline-end: -60px;
  background: radial-gradient(closest-side, rgba(13,91,42,.12), transparent 70%);
}

/* مدال آیکن */
.pro-card .icon-wrap{
  width: 64px; height: 64px; margin: 0 auto 10px;
  display:grid; place-items:center;
  border-radius: 50%;
  background: radial-gradient(120% 120% at 30% 30%, #d1fae5, #a7f3d0);
  border: 1px solid #bbf7d0;
  box-shadow: 0 6px 14px rgba(22,163,74,.15) inset, 0 4px 18px rgba(22,163,74,.18);
}
.pro-card .icon-wrap i{
  font-size: 28px; color: var(--pro-green-700);
}

/* تایپوگرافی */
.pro-card .title{
  font-weight: 800; margin: 6px 0 4px; color: var(--ink);
}
.pro-card .subtitle{
  margin: 0; color: #64748b; font-size: .9rem;
}

/* Hover */
.pro-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 16px 44px rgba(0,0,0,.10);
  border-color: rgba(0,0,0,.08);
}
.pro-card:hover .icon-wrap{ transform: translateY(-2px); }

/* ریسپانسیو */
@media (max-width: 575px){
  .pro-card{ padding:16px 12px; border-radius:14px; }
  .pro-card .icon-wrap{ width:56px;height:56px; }
  .pro-card .title{ font-size: .98rem; }
  .pro-card .subtitle{ font-size: .85rem; }
}
.export-title {
  font-size: 26px;
  font-weight: bold;
  color: #222;
  position: relative;
}
.export-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background: #e11d48;
  margin: 10px auto 0;
  border-radius: 3px;
}

/* ظرف مسیر */
.zig-route-wrap {
  overflow-x: auto;
  padding-bottom: 10px;
}
.zig-route {
  display: block;
  width: 100%;
  max-width: 1400px;
  min-width: 1200px;
  height: auto;
  margin: 0 auto;
}

/* خط‌چین متحرک */
.dashline {
  stroke-dasharray: 10 10;
  animation: dashMove 1.6s linear infinite;
}
@keyframes dashMove {
  to { stroke-dashoffset: -20; }
}

/* موبایل */
@media (max-width: 768px) {
  .zig-route { min-width: 1000px; }
}
@media (max-width: 480px) {
  .zig-route { min-width: 800px; }
}