/* =====================================================
   عمران پارس آینده (سهامی خاص) — طراحی اختصاصی
   رنگ اصلی: #FBB900
   ===================================================== */

@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/vazirmatn-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC;
}
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/vazirmatn-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+2000-206F, U+20AC;
}

:root{
  --gold:#FBB900;
  --gold-deep:#d9a400;
  --gold-soft:#ffd352;
  --ink:#0c0e12;
  --ink-2:#12151b;
  --ink-3:#191d26;
  --line:rgba(251,185,0,.18);
  --paper:#f6f4ee;
  --paper-2:#efeadf;
  --txt:#e9eaee;
  --muted:#9aa2af;
  --muted-d:#5b6270;
  --radius:1.25rem;
  --shadow-gold:0 10px 30px -8px rgba(251,185,0,.45);
  --ease:cubic-bezier(.22,.68,.32,1);
}

*{ -webkit-tap-highlight-color:transparent; }
html{ scroll-behavior:smooth; scroll-padding-top:96px; }

body{
  font-family:'Vazirmatn',Tahoma,sans-serif;
  background:var(--ink);
  color:var(--txt);
  overflow-x:hidden;
  font-size:1rem;
  line-height:1.9;
}

::selection{ background:var(--gold); color:#191203; }

/* اسکرول‌بار سفارشی */
::-webkit-scrollbar{ width:10px; }
::-webkit-scrollbar-track{ background:#101318; }
::-webkit-scrollbar-thumb{ background:#2c3340; border-radius:20px; border:2px solid #101318; }
::-webkit-scrollbar-thumb:hover{ background:var(--gold); }

h1,h2,h3,h4,h5,h6{ font-weight:800; line-height:1.6; }
img{ user-select:none; }
a{ text-decoration:none; }
.fw-900{ font-weight:900!important; }
.text-gold{ color:var(--gold)!important; }
.text-muted-2{ color:var(--muted)!important; }
small.ltr, .ltr{ direction:ltr; unicode-bidi:embed; }

/* ============ پری‌لودر ============ */
#preloader{
  position:fixed; inset:0; z-index:2000;
  background:radial-gradient(1200px 600px at 50% -10%, #1c2029, var(--ink));
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.4rem;
  transition:opacity .7s var(--ease), visibility .7s;
}
#preloader.done{ opacity:0; visibility:hidden; }
.loader-emblem{ position:relative; width:130px; height:130px; display:grid; place-items:center; }
.loader-emblem img{ width:70px; height:70px; object-fit:contain; background:#fff; border-radius:18px; padding:10px; animation:pulseLogo 1.6s ease-in-out infinite; z-index:1; }
.loader-emblem::before{
  content:""; position:absolute; inset:0; border-radius:50%;
  border:3px solid transparent; border-top-color:var(--gold); border-left-color:var(--gold);
  animation:spin 1.1s linear infinite;
}
.loader-emblem::after{
  content:""; position:absolute; inset:12px; border-radius:50%;
  border:2px dashed rgba(251,185,0,.35);
  animation:spin 9s linear infinite reverse;
}
.loader-text{ letter-spacing:.35em; font-size:.8rem; color:var(--muted); font-weight:600; }
.loader-text b{ color:var(--gold); }
@keyframes spin{ to{ transform:rotate(360deg); } }
@keyframes pulseLogo{ 0%,100%{ transform:scale(1); filter:drop-shadow(0 0 0 rgba(251,185,0,0)); } 50%{ transform:scale(1.08); filter:drop-shadow(0 0 18px rgba(251,185,0,.55)); } }

/* ============ هدر ============ */
.site-header{ position:fixed; top:0; right:0; left:0; z-index:1030; transition:.4s var(--ease); }

.topbar{
  background:#08090c;
  border-bottom:1px solid rgba(255,255,255,.06);
  font-size:.82rem; color:var(--muted);
  max-height:44px; overflow:hidden; transition:max-height .45s var(--ease), opacity .35s;
}
.topbar .tb-item{ display:inline-flex; align-items:center; gap:.45rem; padding:.5rem 0; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.topbar svg{ width:15px; height:15px; color:var(--gold); flex:0 0 auto; }
.topbar a.tb-item:hover{ color:var(--gold); }
.topbar .tb-sep{ width:1px; height:16px; background:rgba(255,255,255,.12); align-self:center; margin:0 .9rem; flex:0 0 auto; }
.lang-switch a{ color:var(--muted); font-weight:700; padding:0 .35rem; }
.lang-switch a.active{ color:var(--gold); }

.navbar-sopa{
  background:linear-gradient(180deg, rgba(8,9,12,.92), rgba(8,9,12,.65) 70%, transparent);
  padding:1rem 0; transition:.4s var(--ease);
}
.site-header.scrolled .navbar-sopa{
  background:rgba(10,11,15,.94);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  padding:.55rem 0;
  box-shadow:0 12px 34px -14px rgba(0,0,0,.7);
  border-bottom:1px solid var(--line);
}
.site-header.scrolled .topbar{ max-height:0; opacity:0; }

.brand-box{ display:flex; align-items:center; gap:.8rem; }
.brand-logo{
  width:52px; height:52px; border-radius:14px;
  background:linear-gradient(145deg,#fff,#e8e8e8);
  display:grid; place-items:center; flex:0 0 auto;
  box-shadow:0 8px 20px -6px rgba(0,0,0,.55);
  transition:.35s var(--ease);
}
.brand-logo img{ width:40px; height:40px; object-fit:contain; }
.brand-box:hover .brand-logo{ transform:rotate(-8deg) scale(1.05); }
.brand-txt{ line-height:1.35; }
.brand-txt .b1{ font-size:.72rem; color:var(--muted); font-weight:600; letter-spacing:.02em; }
.brand-txt .b2{ font-size:1.06rem; font-weight:900; color:#fff; }
.brand-txt .b2 i{ font-style:normal; color:var(--gold); }

.navbar-nav .nav-link{
  color:#d7dae1; font-weight:600; font-size:.93rem;
  padding:.6rem .8rem; position:relative; border-radius:.6rem;
}
.navbar-nav .nav-link::after{
  content:""; position:absolute; right:.8rem; left:.8rem; bottom:.28rem; height:2px;
  background:var(--gold); transform:scaleX(0); transform-origin:left; transition:.35s var(--ease); border-radius:2px;
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active{ color:var(--gold); }
.navbar-nav .nav-link:hover::after, .navbar-nav .nav-link.active::after{ transform:scaleX(1); }
.navbar-nav .dropdown-menu{
  background:#14171e; border:1px solid rgba(255,255,255,.07);
  border-radius:.9rem; padding:.6rem; box-shadow:0 24px 50px -18px rgba(0,0,0,.8);
  --bs-dropdown-link-color:#c9cdd6;
}
.navbar-nav .dropdown-item{ border-radius:.55rem; font-size:.88rem; font-weight:600; padding:.5rem .8rem; }
.navbar-nav .dropdown-item:hover{ background:rgba(251,185,0,.12); color:var(--gold); }
.navbar-nav .dropdown-item svg{ width:14px; height:14px; margin-left:.4rem; color:var(--gold); }

.btn-gold{
  --bs-btn-font-weight:800;
  background:linear-gradient(135deg,var(--gold-soft) 0%, var(--gold) 45%, var(--gold-deep) 100%);
  color:#1a1304; border:none; border-radius:999px;
  padding:.65rem 1.6rem; position:relative; overflow:hidden;
  box-shadow:0 8px 22px -8px rgba(251,185,0,.55);
  transition:.35s var(--ease);
}
.btn-gold:hover, .btn-gold:focus{ color:#1a1304; transform:translateY(-3px); box-shadow:var(--shadow-gold); }
.btn-gold::after{
  content:""; position:absolute; top:-60%; bottom:-60%; width:34px;
  background:rgba(255,255,255,.55); transform:skewX(-25deg); right:-60px; transition:.5s var(--ease);
  filter:blur(4px);
}
.btn-gold:hover::after{ right:calc(100% + 60px); }

.btn-ghost{
  border:1px solid rgba(251,185,0,.5); color:var(--gold); font-weight:800; border-radius:999px;
  padding:.6rem 1.5rem; background:transparent; transition:.3s var(--ease);
}
.btn-ghost:hover{ background:var(--gold); color:#1a1304; box-shadow:var(--shadow-gold); }

.navbar-toggler{ border:1px solid rgba(251,185,0,.4); border-radius:.7rem; padding:.5rem .65rem; }
.navbar-toggler:focus{ box-shadow:0 0 0 .2rem rgba(251,185,0,.25); }
.navbar-toggler svg{ width:22px; height:22px; color:var(--gold); }
@media (max-width: 1199.98px){
  .navbar-nav .nav-link{ padding:.6rem .5rem; font-size:.87rem; }
  .brand-txt .b2{ font-size:.95rem; }
}
@media (max-width: 991.98px){
  .navbar-sopa .navbar-collapse{
    background:rgba(12,14,18,.98); border:1px solid rgba(255,255,255,.07);
    border-radius:1rem; padding:1rem; margin-top:.8rem;
    max-height:70vh; overflow:auto;
  }
}

/* ============ اسلایدر اصلی ============ */
.hero{ position:relative; height:100svh; min-height:620px; background:#000; }
.hero .carousel, .hero .carousel-inner, .hero .carousel-item{ height:100%; }
.hero .carousel-item{ position:relative; }
.hero .slide-bg{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transform:scale(1.12);
}
.carousel-item.active .slide-bg{ animation:kenburns 9s var(--ease) forwards; }
@keyframes kenburns{ from{ transform:scale(1.16); } to{ transform:scale(1.02); } }
.hero .veil{
  position:absolute; inset:0;
  background:
    linear-gradient(to left, rgba(5,6,9,.9) 0%, rgba(5,6,9,.55) 42%, rgba(5,6,9,.15) 100%),
    linear-gradient(to top, rgba(12,14,18,1) 0%, rgba(12,14,18,.25) 32%, rgba(0,0,0,.25) 100%);
}
.hero-caption{
  position:absolute; inset-inline:0; bottom:20%; z-index:5;
  color:#fff;
}
.hero-tag{
  display:inline-flex; align-items:center; gap:.5rem;
  border:1px solid var(--line); background:rgba(251,185,0,.12);
  color:var(--gold); font-weight:700; font-size:.85rem;
  padding:.35rem 1rem; border-radius:999px; margin-bottom:1.1rem;
  opacity:0;
}
.carousel-item.active .hero-tag{ animation:riseIn .9s .25s var(--ease) forwards; }
.hero-title{
  font-size:clamp(1.7rem, 4.4vw, 3.4rem); font-weight:900; line-height:1.5;
  text-shadow:0 6px 30px rgba(0,0,0,.6); opacity:0; margin-bottom:1.4rem;
}
.carousel-item.active .hero-title{ animation:riseIn .9s .45s var(--ease) forwards; }
.hero-title .u-line{
  background:linear-gradient(transparent 62%, rgba(251,185,0,.85) 62%, rgba(251,185,0,.85) 92%, transparent 92%);
  padding:0 .1em;
}
.hero-actions{ opacity:0; }
.carousel-item.active .hero-actions{ animation:riseIn .9s .65s var(--ease) forwards; }
@keyframes riseIn{ from{ opacity:0; transform:translateY(34px); } to{ opacity:1; transform:none; } }

.hero .carousel-indicators{
  justify-content:flex-start; gap:.45rem; z-index:7;
  right:0; left:0; bottom:2.3rem; margin:0 auto;
  width:100%; max-width:1320px; padding:0 12px;
}
.hero .carousel-indicators [data-bs-target]{
  width:26px; height:4px; border-radius:4px; border:0; margin:0;
  background:rgba(255,255,255,.35); opacity:1; transition:.35s;
}
.hero .carousel-indicators .active{ width:52px; background:var(--gold); }

.hero-nav-btn{
  position:absolute; top:50%; transform:translateY(-50%); z-index:6;
  width:54px; height:54px; border-radius:50%;
  border:1px solid rgba(255,255,255,.25); background:rgba(8,9,12,.4);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  color:#fff; display:grid; place-items:center; transition:.3s var(--ease);
}
.hero-nav-btn svg{ width:22px; height:22px; }
.hero-nav-btn:hover{ background:var(--gold); color:#191203; border-color:var(--gold); box-shadow:var(--shadow-gold); }
.hero-prev{ right:2rem; }
.hero-next{ left:2rem; }
@media (max-width:767.98px){ .hero-nav-btn{ display:none; } .hero-caption{ bottom:14%; } }

.scroll-hint{
  position:absolute; bottom:2rem; inset-inline-end:2.4rem; z-index:6;
  display:flex; flex-direction:column; align-items:center; gap:.6rem;
  color:var(--muted); font-size:.72rem; letter-spacing:.25em; writing-mode:vertical-rl;
}
.scroll-hint::after{
  content:""; width:1px; height:56px;
  background:linear-gradient(var(--gold), transparent);
  animation:dropHint 1.8s ease infinite;
}
@keyframes dropHint{ 0%{ transform:scaleY(0); transform-origin:top; } 55%{ transform:scaleY(1); transform-origin:top; } 56%{ transform-origin:bottom; } 100%{ transform:scaleY(0); transform-origin:bottom; } }

/* ============ نوار متحرک طلایی ============ */
.gold-ticker{
  background:linear-gradient(90deg,var(--gold-deep),var(--gold) 40%,var(--gold-soft));
  color:#1c1405; overflow:hidden; transform:rotate(0.6deg) scale(1.02);
  padding:.7rem 0; position:relative; z-index:3; direction:ltr;
  box-shadow:0 14px 34px -16px rgba(251,185,0,.6);
}
.ticker-track{ display:flex; gap:0; width:max-content; animation:tick 32s linear infinite; }
.gold-ticker:hover .ticker-track{ animation-play-state:paused; }
.ticker-track span{
  display:inline-flex; align-items:center; gap:.8rem; padding:0 1.4rem;
  font-weight:800; font-size:.95rem; white-space:nowrap;
}
.ticker-track i{ width:7px; height:7px; background:#1c1405; transform:rotate(45deg); display:inline-block; flex:0 0 auto; }
@keyframes tick{ to{ transform:translateX(-25%); } }

/* ============ کارت‌های دسته‌بندی پروژه ============ */
.cats-wrap{ margin-top:-5.5rem; position:relative; z-index:8; }
.cat-card{
  background:linear-gradient(160deg,#171b23,#10131a);
  border:1px solid rgba(255,255,255,.07);
  border-radius:var(--radius); padding:1.9rem 1.6rem;
  display:flex; align-items:center; gap:1.1rem; height:100%;
  position:relative; overflow:hidden; transition:.4s var(--ease);
}
.cat-card::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(420px 200px at 90% -30%, rgba(251,185,0,.16), transparent 70%);
  opacity:0; transition:.4s;
}
.cat-card:hover{ transform:translateY(-8px); border-color:var(--line); box-shadow:0 26px 50px -24px rgba(0,0,0,.85); }
.cat-card:hover::before{ opacity:1; }
.cat-ico{
  width:66px; height:66px; border-radius:1.1rem; flex:0 0 auto;
  display:grid; place-items:center;
  background:rgba(251,185,0,.12); color:var(--gold);
  border:1px solid rgba(251,185,0,.28); transition:.4s var(--ease);
}
.cat-ico svg{ width:30px; height:30px; }
.cat-card:hover .cat-ico{ background:var(--gold); color:#1a1304; transform:rotate(-8deg) scale(1.06); box-shadow:var(--shadow-gold); }
.cat-card h3{ font-size:1.12rem; margin:0 0 .3rem; color:#fff; }
.cat-card p{ margin:0; font-size:.85rem; color:var(--muted); }
.cat-card .go{
  margin-inline-start:auto; width:38px; height:38px; border-radius:50%; flex:0 0 auto;
  border:1px solid rgba(255,255,255,.15); display:grid; place-items:center; color:var(--muted);
  transition:.35s var(--ease);
}
.cat-card:hover .go{ background:var(--gold); border-color:var(--gold); color:#1a1304; transform:translateX(-4px); }
.cat-card .go svg{ width:16px; height:16px; }

/* ============ چارچوب سکشن‌ها ============ */
.section{ padding:6.2rem 0; position:relative; }
.sec-light{ background:var(--paper); color:#20242c; }
.sec-light .sec-title{ color:#171a21; }
.sec-light .text-muted-2{ color:var(--muted-d)!important; }
.sec-dark{ background:var(--ink); }
.sec-dark-2{ background:linear-gradient(180deg,var(--ink) 0%, #0e1117 100%); }

.sec-head{ margin-bottom:3.2rem; position:relative; }
.sec-label{
  display:inline-flex; align-items:center; gap:.6rem;
  font-weight:800; font-size:.82rem; letter-spacing:.12em;
  color:var(--gold); margin-bottom:.9rem;
}
.sec-label::before{ content:""; width:34px; height:2px; background:var(--gold); border-radius:2px; }
.sec-title{ font-size:clamp(1.55rem, 3vw, 2.4rem); font-weight:900; margin:0; color:#f5f6f8; }
.sec-title em{ font-style:normal; color:var(--gold); }
.sec-sub{ max-width:640px; margin:.9rem auto 0; font-size:.95rem; }

/* ============ درباره ما ============ */
.about-visual{ position:relative; }
.about-img{
  border-radius:1.6rem; overflow:hidden; position:relative;
  box-shadow:0 40px 80px -40px rgba(0,0,0,.7);
}
.about-img img{ width:100%; height:100%; object-fit:cover; transition:1.2s var(--ease); }
.about-img:hover img{ transform:scale(1.06); }
.about-img::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(10,12,16,.55), transparent 55%); }
.about-badge{
  position:absolute; bottom:-1.6rem; inset-inline-start:-1.2rem; z-index:2;
  background:linear-gradient(135deg,var(--gold-soft),var(--gold));
  color:#1c1405; border-radius:1.2rem; padding:1.1rem 1.5rem;
  box-shadow:var(--shadow-gold); text-align:center;
}
.about-badge .n{ font-size:2rem; font-weight:900; line-height:1.2; }
.about-badge .t{ font-weight:800; font-size:.85rem; }
.exp-ring{
  position:absolute; top:-1.8rem; inset-inline-end:-1.4rem; width:120px; height:120px; z-index:2;
  animation:spin 16s linear infinite;
}
.exp-ring text{ font-size:8.6px; font-weight:800; fill:var(--gold); letter-spacing:1.6px; }

.about-feat{
  display:flex; gap:1rem; padding:1.05rem 1.15rem; border-radius:1rem; height:100%;
  background:#fff; border:1px solid #e9e4d6; transition:.35s var(--ease);
}
.about-feat:hover{ transform:translateY(-5px); border-color:rgba(217,164,0,.55); box-shadow:0 20px 34px -20px rgba(120,90,0,.35); }
.about-feat .fi{
  width:46px; height:46px; border-radius:.9rem; flex:0 0 auto;
  display:grid; place-items:center;
  background:rgba(251,185,0,.15); color:#a97e00; border:1px solid rgba(251,185,0,.35);
  transition:.35s var(--ease);
}
.about-feat:hover .fi{ background:var(--gold); color:#1a1304; transform:rotate(-8deg); }
.about-feat .fi svg{ width:20px; height:20px; }
.about-feat h4{ font-size:.98rem; margin:0 0 .15rem; color:#1b1f27; }
.about-feat p{ font-size:.8rem; margin:0; color:var(--muted-d); }

/* ============ اخبار ============ */
.news-tabs{ display:inline-flex; background:#fff; border:1px solid #e6e0cf; padding:.4rem; border-radius:999px; gap:.3rem; }
.news-tabs .nav-link{
  border-radius:999px!important; color:#4d5563; font-weight:800; font-size:.92rem;
  padding:.55rem 1.6rem!important; border:0;
}
.news-tabs .nav-link.active{ background:var(--gold); color:#1a1304!important; box-shadow:0 8px 18px -8px rgba(200,150,0,.6); }

.news-list{ display:flex; flex-direction:column; gap:.7rem; }
.news-item{
  display:flex; align-items:center; gap:1rem;
  background:#fff; border:1px solid #e9e4d6; border-radius:1rem;
  padding:.95rem 1.2rem; color:#2b303a; font-weight:600; font-size:.93rem;
  transition:.3s var(--ease); position:relative; overflow:hidden;
}
.news-item::before{
  content:""; position:absolute; inset-inline-start:0; top:0; bottom:0; width:4px;
  background:var(--gold); transform:scaleY(0); transition:.3s var(--ease);
}
.news-item:hover{ transform:translateX(-6px); border-color:rgba(217,164,0,.5); box-shadow:0 16px 30px -20px rgba(120,90,0,.4); color:#15181f; }
.news-item:hover::before{ transform:scaleY(1); }
.news-item .dot{
  width:34px; height:34px; border-radius:10px; flex:0 0 auto;
  background:rgba(251,185,0,.16); display:grid; place-items:center; color:#a97e00;
  transition:.3s;
}
.news-item:hover .dot{ background:var(--gold); color:#1a1304; }
.news-item .dot svg{ width:16px; height:16px; }
.news-item .arrow{ margin-inline-start:auto; color:#c2c8d2; flex:0 0 auto; transition:.3s var(--ease); }
.news-item .arrow svg{ width:16px; height:16px; }
.news-item:hover .arrow{ color:var(--gold-deep); transform:translateX(-4px); }

.archive-btn{
  display:inline-flex; align-items:center; gap:.6rem; font-weight:800; font-size:.92rem;
  color:#1a1304; background:linear-gradient(135deg,var(--gold-soft),var(--gold));
  padding:.7rem 1.8rem; border-radius:999px; transition:.3s var(--ease);
  box-shadow:0 10px 22px -10px rgba(200,150,0,.55);
}
.archive-btn:hover{ transform:translateY(-3px); box-shadow:var(--shadow-gold); color:#1a1304; }
.archive-btn svg{ width:17px; height:17px; }

/* ============ پروژه‌ها ============ */
.proj-filter{ display:flex; justify-content:center; flex-wrap:wrap; gap:.55rem; margin-bottom:2.6rem; }
.filter-btn{
  border:1px solid rgba(251,185,0,.35); background:transparent; color:#cfd3da;
  font-weight:800; font-size:.88rem; border-radius:999px; padding:.55rem 1.4rem;
  transition:.3s var(--ease);
}
.filter-btn:hover{ color:var(--gold); border-color:var(--gold); }
.filter-btn.active{ background:var(--gold); color:#1a1304; border-color:var(--gold); box-shadow:var(--shadow-gold); }

.proj-card{
  background:linear-gradient(165deg,#171b23,#11141b);
  border:1px solid rgba(255,255,255,.07); border-radius:1.35rem; overflow:hidden;
  transition:.45s var(--ease); height:100%;
  transform-origin:center;
}
.proj-card.hide{ opacity:0; transform:scale(.86); pointer-events:none; }
.proj-card.d-none{ display:none!important; }
.proj-card:hover{ transform:translateY(-10px); border-color:var(--line); box-shadow:0 34px 60px -26px rgba(0,0,0,.9); }
.proj-thumb{ position:relative; height:230px; overflow:hidden; }
.proj-thumb img{ width:100%; height:100%; object-fit:cover; transition:1s var(--ease); }
.proj-card:hover .proj-thumb img{ transform:scale(1.12) rotate(.6deg); }
.proj-thumb::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(12,14,18,.85), transparent 55%); }
.proj-status{
  position:absolute; top:1rem; inset-inline-start:1rem; z-index:2;
  font-size:.75rem; font-weight:800; padding:.32rem .95rem; border-radius:999px;
  display:inline-flex; align-items:center; gap:.4rem;
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
}
.proj-status i{ width:7px; height:7px; border-radius:50%; display:inline-block; }
.st-run{ background:rgba(251,185,0,.92); color:#1a1304; }
.st-run i{ background:#1a1304; animation:blink 1.2s ease infinite; }
.st-done{ background:rgba(13,148,136,.92); color:#eafffb; }
.st-done i{ background:#eafffb; }
.st-study{ background:rgba(96,125,139,.92); color:#f2f7fa; }
.st-study i{ background:#f2f7fa; }
@keyframes blink{ 50%{ opacity:.25; } }
.proj-body{ padding:1.4rem 1.5rem 1.6rem; position:relative; }
.proj-body h3{ font-size:1.08rem; color:#fff; margin-bottom:.35rem; min-height:2.6em; display:flex; align-items:center; }
.proj-body p{ font-size:.82rem; color:var(--muted); margin-bottom:1.1rem; }
.proj-link{
  display:inline-flex; align-items:center; gap:.5rem; font-weight:800; font-size:.86rem; color:var(--gold);
  transition:.3s var(--ease);
}
.proj-link svg{ width:16px; height:16px; transition:.3s var(--ease); }
.proj-link:hover{ color:var(--gold-soft); }
.proj-link:hover svg{ transform:translateX(-5px); }
.proj-body::before{
  content:""; position:absolute; top:0; inset-inline-start:1.5rem; width:52px; height:3px;
  background:var(--gold); border-radius:3px; transform:translateY(-50%);
}

/* ============ شمارنده‌ها ============ */
.stats-band{
  background:
    radial-gradient(900px 340px at 85% 0%, rgba(255,255,255,.22), transparent 60%),
    repeating-linear-gradient(-45deg, transparent 0 26px, rgba(0,0,0,.06) 26px 52px),
    linear-gradient(120deg,var(--gold-deep),var(--gold) 45%,var(--gold-soft));
  color:#1c1405; padding:4.6rem 0; position:relative; overflow:hidden;
}
.stats-band::before, .stats-band::after{
  content:""; position:absolute; width:280px; height:280px; border-radius:50%;
  border:42px solid rgba(0,0,0,.07); top:-140px; inset-inline-start:-90px;
}
.stats-band::after{ top:auto; bottom:-180px; inset-inline-start:auto; inset-inline-end:-110px; border-width:54px; }
.stat-box{ text-align:center; position:relative; z-index:1; padding:.6rem 0; }
.stat-ico{
  width:64px; height:64px; margin:0 auto 1rem; border-radius:1.1rem;
  background:rgba(20,15,3,.9); color:var(--gold); display:grid; place-items:center;
  transform:rotate(45deg); box-shadow:0 14px 30px -12px rgba(0,0,0,.5);
}
.stat-ico svg{ width:28px; height:28px; transform:rotate(-45deg); }
.stat-n{ font-size:clamp(2.6rem,5vw,3.6rem); font-weight:900; line-height:1.2; font-variant-numeric:tabular-nums; }
.stat-t{ font-weight:800; font-size:1rem; }
.stat-sep{ position:absolute; top:50%; inset-inline-end:0; transform:translateY(-50%); width:2px; height:90px; background:rgba(0,0,0,.16); }
@media (max-width:767.98px){ .stat-sep{ display:none; } }

/* ============ شرکت‌های تابعه ============ */
.sub-card{
  background:#fff; border:1px solid #e9e4d6; border-radius:1.35rem;
  padding:2.4rem 1.6rem; text-align:center; height:100%; position:relative; overflow:hidden;
  transition:.4s var(--ease);
}
.sub-card::after{
  content:""; position:absolute; inset-inline:0; bottom:0; height:5px;
  background:linear-gradient(90deg,var(--gold-deep),var(--gold-soft));
  transform:scaleX(0); transition:.45s var(--ease);
}
.sub-card:hover{ transform:translateY(-10px); box-shadow:0 30px 54px -26px rgba(90,70,10,.4); border-color:rgba(217,164,0,.45); }
.sub-card:hover::after{ transform:scaleX(1); }
.sub-logo{
  width:96px; height:96px; margin:0 auto 1.3rem; border-radius:1.4rem; overflow:hidden;
  background:#f2efe6; border:1px solid #e7e1cf; display:grid; place-items:center;
  transition:.4s var(--ease);
}
.sub-card:hover .sub-logo{ transform:rotate(-5deg) scale(1.05); box-shadow:0 16px 30px -16px rgba(120,90,0,.5); }
.sub-logo img{ width:100%; height:100%; object-fit:contain; padding:.7rem; }
.sub-logo svg{ width:44px; height:44px; color:var(--gold-deep); }
.sub-card h3{ font-size:1.02rem; color:#1d212a; min-height:3em; display:flex; align-items:center; justify-content:center; }
.sub-card p{ font-size:.82rem; color:var(--muted-d); margin:0; }

/* ============ مزایده‌ها ============ */
.tender-card{
  display:flex; gap:1.3rem; align-items:center;
  background:linear-gradient(160deg,#171b23,#10131a);
  border:1px solid rgba(255,255,255,.07); border-radius:1.35rem;
  padding:1.7rem 1.7rem; height:100%; transition:.4s var(--ease); position:relative; overflow:hidden;
}
.tender-card::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(360px 180px at 100% 0%, rgba(251,185,0,.14), transparent 70%);
  opacity:0; transition:.4s;
}
.tender-card:hover{ transform:translateY(-8px); border-color:var(--line); box-shadow:0 30px 55px -25px rgba(0,0,0,.85); }
.tender-card:hover::before{ opacity:1; }
.tender-ico{
  width:78px; height:78px; border-radius:1.2rem; flex:0 0 auto;
  background:rgba(251,185,0,.12); border:1px solid rgba(251,185,0,.3); color:var(--gold);
  display:grid; place-items:center; transition:.4s var(--ease);
}
.tender-ico svg{ width:36px; height:36px; }
.tender-card:hover .tender-ico{ background:var(--gold); color:#1a1304; transform:rotate(-6deg); box-shadow:var(--shadow-gold); }
.tender-tag{
  font-size:.72rem; font-weight:800; color:var(--gold);
  border:1px solid rgba(251,185,0,.45); border-radius:999px; padding:.15rem .8rem;
  display:inline-block; margin-bottom:.5rem;
}
.tender-card h3{ font-size:1.06rem; color:#fff; margin-bottom:.8rem; }

/* ============ چندرسانه‌ای ============ */
.media-card{
  border-radius:1.4rem; overflow:hidden; position:relative; height:340px;
  border:1px solid rgba(255,255,255,.08); cursor:pointer;
}
.media-card img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:1.1s var(--ease); }
.media-card:hover img{ transform:scale(1.09); }
.media-card .mv{
  position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end;
  padding:1.8rem; background:linear-gradient(to top, rgba(5,6,9,.92) 8%, rgba(5,6,9,.25) 55%, rgba(5,6,9,.35));
  transition:.45s;
}
.media-card:hover .mv{ background:linear-gradient(to top, rgba(5,6,9,.95) 22%, rgba(5,6,9,.2) 60%, rgba(5,6,9,.15)); }
.media-play{
  position:absolute; top:50%; inset-inline-start:50%; transform:translate(50%,-50%) scale(.85);
  width:82px; height:82px; border-radius:50%;
  background:rgba(251,185,0,.95); color:#1a1304; display:grid; place-items:center;
  box-shadow:0 0 0 0 rgba(251,185,0,.55); transition:.4s var(--ease); z-index:2;
}
.media-play svg{ width:30px; height:30px; margin-inline-start:-3px; }
.media-card:hover .media-play{ transform:translate(50%,-50%) scale(1); animation:ring 1.6s ease infinite; }
@keyframes ring{ 0%{ box-shadow:0 0 0 0 rgba(251,185,0,.5); } 100%{ box-shadow:0 0 0 26px rgba(251,185,0,0); } }
.media-card h3{ font-size:1.12rem; color:#fff; margin:0; position:relative; z-index:2; }
.media-kind{
  position:absolute; top:1.2rem; inset-inline-start:1.2rem; z-index:2;
  background:rgba(8,9,12,.6); border:1px solid rgba(255,255,255,.2); color:#fff;
  backdrop-filter:blur(6px); font-size:.75rem; font-weight:700; border-radius:999px; padding:.25rem .9rem;
  display:inline-flex; align-items:center; gap:.4rem;
}
.media-kind svg{ width:13px; height:13px; color:var(--gold); }

/* ============ تحقیق و توسعه ============ */
.rnd-box{
  background:#fff; border:2px dashed rgba(217,164,0,.55); border-radius:1.5rem;
  padding:3.4rem 2rem; text-align:center; position:relative; overflow:hidden;
}
.rnd-ico{
  width:92px; height:92px; margin:0 auto 1.3rem; border-radius:50%;
  background:rgba(251,185,0,.14); display:grid; place-items:center; color:var(--gold-deep);
  position:relative;
}
.rnd-ico svg{ width:42px; height:42px; animation:flask 3.2s ease-in-out infinite; }
@keyframes flask{ 0%,100%{ transform:rotate(-7deg); } 50%{ transform:rotate(7deg) translateY(-3px); } }
.rnd-box h3{ color:#1d212a; font-size:1.25rem; }
.rnd-box p{ color:var(--muted-d); margin:0; }
.rnd-notfound{
  display:inline-block; background:var(--paper-2); border:1px solid #e4dec9; color:#6b6552;
  font-weight:800; font-size:.85rem; border-radius:999px; padding:.45rem 1.4rem; margin-top:1rem;
}

/* ============ تماس ============ */
.contact-info-card{
  background:linear-gradient(165deg,#171b23,#10131a);
  border:1px solid rgba(255,255,255,.07); border-radius:1.35rem; padding:1.6rem;
  display:flex; gap:1.1rem; align-items:flex-start; height:100%; transition:.35s var(--ease);
}
.contact-info-card:hover{ transform:translateY(-6px); border-color:var(--line); }
.ci-ico{
  width:52px; height:52px; border-radius:1rem; flex:0 0 auto;
  background:rgba(251,185,0,.13); border:1px solid rgba(251,185,0,.3); color:var(--gold);
  display:grid; place-items:center;
}
.ci-ico svg{ width:24px; height:24px; }
.contact-info-card h4{ font-size:.98rem; color:#fff; margin-bottom:.25rem; }
.contact-info-card p{ font-size:.86rem; color:var(--muted); margin:0; }
.contact-info-card a{ color:var(--muted); transition:.25s; }
.contact-info-card a:hover{ color:var(--gold); }

.contact-form-wrap{
  background:#fff; border-radius:1.6rem; padding:2.4rem;
  box-shadow:0 40px 80px -46px rgba(20,15,2,.5); border-top:5px solid var(--gold);
}
.contact-form-wrap h3{ color:#1d212a; margin-bottom:1.4rem; }
.form-control, .form-select{
  border-radius:.85rem; border:1px solid #e2ddcd; padding:.75rem 1.05rem; font-size:.92rem;
  background:#fbfaf5; color:#24282f; font-family:inherit; transition:.25s;
}
.form-control:focus, .form-select:focus{ border-color:var(--gold); box-shadow:0 0 0 .22rem rgba(251,185,0,.25); background:#fff; }
.form-control::placeholder{ color:#a7adb6; }
.form-label{ font-weight:700; font-size:.84rem; color:#4d5563; }

/* ============ فوتر ============ */
.site-footer{
  background:linear-gradient(180deg,#0a0c10,#060709);
  border-top:1px solid rgba(255,255,255,.05);
  padding:4.6rem 0 0; position:relative; overflow:hidden;
}
.site-footer::before{
  content:""; position:absolute; top:-220px; inset-inline-end:-160px; width:420px; height:420px;
  background:radial-gradient(circle, rgba(251,185,0,.12), transparent 65%);
}
.f-brand{ display:flex; align-items:center; gap:.9rem; margin-bottom:1.2rem; }
.f-brand img{ width:56px; height:56px; background:#fff; border-radius:14px; padding:7px; }
.f-brand .t1{ font-size:.72rem; color:var(--muted); }
.f-brand .t2{ font-size:1.05rem; font-weight:900; color:#fff; }
.f-about{ font-size:.86rem; color:var(--muted); }
.f-title{
  color:#fff; font-size:1rem; font-weight:800; margin-bottom:1.3rem; position:relative; padding-bottom:.7rem;
}
.f-title::after{ content:""; position:absolute; bottom:0; inset-inline-start:0; width:38px; height:3px; background:var(--gold); border-radius:3px; }
.f-links{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.65rem; }
.f-links a{
  color:var(--muted); font-size:.87rem; display:inline-flex; align-items:center; gap:.55rem; transition:.28s var(--ease);
}
.f-links a svg{ width:13px; height:13px; color:var(--gold); transition:.28s var(--ease); }
.f-links a:hover{ color:var(--gold); transform:translateX(-5px); }
.f-contact li{ display:flex; gap:.8rem; color:var(--muted); font-size:.86rem; margin-bottom:1rem; align-items:flex-start; }
.f-contact svg{ width:18px; height:18px; color:var(--gold); flex:0 0 auto; margin-top:.25rem; }
.f-contact a{ color:var(--muted); }
.f-contact a:hover{ color:var(--gold); }
.f-bottom{
  border-top:1px solid rgba(255,255,255,.07); margin-top:3rem; padding:1.3rem 0;
  font-size:.83rem; color:#7d8492;
}
.f-bottom b{ color:var(--gold); font-weight:800; }

/* دکمه بازگشت به بالا */
#toTop{
  position:fixed; bottom:1.6rem; inset-inline-end:1.6rem; z-index:1500;
  width:50px; height:50px; border-radius:50%; border:none;
  background:linear-gradient(135deg,var(--gold-soft),var(--gold)); color:#1a1304;
  display:grid; place-items:center; box-shadow:var(--shadow-gold);
  opacity:0; visibility:hidden; transform:translateY(16px); transition:.35s var(--ease);
}
#toTop svg{ width:20px; height:20px; }
#toTop.show{ opacity:1; visibility:visible; transform:none; }
#toTop:hover{ transform:translateY(-4px); }

/* ===== انیمیشن ظاهر شدن هنگام اسکرول ===== */
.reveal{ opacity:0; transform:translateY(38px); transition:opacity .9s var(--ease), transform .9s var(--ease); will-change:opacity,transform; }
.reveal.rv-right{ transform:translateX(46px); }
.reveal.rv-left{ transform:translateX(-46px); }
.reveal.rv-zoom{ transform:scale(.88); }
.reveal.in{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{ animation-duration:.001s!important; transition-duration:.001s!important; }
  .reveal{ opacity:1; transform:none; }
}

/* ==================================================================
   صفحات داخلی (صفحه‌بندی چندگانه)
   ================================================================== */

/* ---------- بنر صفحات داخلی ---------- */
.page-hero{
  position:relative; padding:10.5rem 0 6rem; overflow:hidden;
  background:var(--ink);
}
.page-hero .ph-bg{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  opacity:.32; transform:scale(1.05);
}
.page-hero .ph-veil{
  position:absolute; inset:0;
  background:
    radial-gradient(900px 400px at 85% 20%, rgba(251,185,0,.22), transparent 60%),
    linear-gradient(180deg, rgba(10,11,15,.82), rgba(12,14,18,.96));
}
.page-hero .ph-pattern{
  position:absolute; inset:0; opacity:.5;
  background-image:radial-gradient(rgba(251,185,0,.16) 1px, transparent 1px);
  background-size:26px 26px;
  mask-image:linear-gradient(120deg, transparent 30%, #000 90%);
  -webkit-mask-image:linear-gradient(120deg, transparent 30%, #000 90%);
}
.page-hero .ph-content{ position:relative; z-index:2; }
.page-hero .ph-tag{
  display:inline-flex; align-items:center; gap:.5rem;
  border:1px solid var(--line); background:rgba(251,185,0,.1); color:var(--gold);
  font-weight:800; font-size:.8rem; border-radius:999px; padding:.32rem 1rem; margin-bottom:1rem;
}
.page-hero h1{ font-size:clamp(1.7rem,3.6vw,2.7rem); font-weight:900; color:#fff; margin:0 0 .8rem; }
.page-hero .ph-desc{ color:var(--muted); max-width:680px; margin:0; font-size:.95rem; }
.ph-status{
  display:inline-flex; align-items:center; gap:.45rem; font-weight:800; font-size:.82rem;
  border-radius:999px; padding:.4rem 1.1rem; margin-bottom:1rem;
}
.ph-status i{ width:8px; height:8px; border-radius:50%; display:inline-block; }

.breadcrumb-gold{
  display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; margin-top:1.4rem;
  font-size:.84rem; color:var(--muted);
}
.breadcrumb-gold a{ color:#c9cdd6; transition:.25s; display:inline-flex; align-items:center; gap:.4rem; }
.breadcrumb-gold a:hover{ color:var(--gold); }
.breadcrumb-gold .sep{ color:rgba(251,185,0,.5); font-size:.8rem; }
.breadcrumb-gold .now{ color:var(--gold); font-weight:800; }
.breadcrumb-gold svg{ width:14px; height:14px; }

/* ---------- سایدبار صفحات درباره ما ---------- */
.about-nav{
  background:linear-gradient(165deg,#171b23,#10131a);
  border:1px solid rgba(255,255,255,.07); border-radius:1.2rem; padding:.6rem;
  position:sticky; top:8rem;
}
.about-nav a{
  display:flex; align-items:center; gap:.7rem; padding:.8rem 1.05rem; border-radius:.8rem;
  color:#c9cdd6; font-weight:700; font-size:.92rem; transition:.3s var(--ease);
}
.about-nav a svg{ width:16px; height:16px; color:var(--gold); flex:0 0 auto; }
.about-nav a:hover{ background:rgba(251,185,0,.08); color:var(--gold); transform:translateX(-4px); }
.about-nav a.active{
  background:linear-gradient(135deg,var(--gold-soft),var(--gold)); color:#1a1304;
  box-shadow:0 10px 22px -10px rgba(200,150,0,.55);
}
.about-nav a.active svg{ color:#1a1304; }

/* ---------- متن مقاله ---------- */
.prose{ font-size:.98rem; line-height:2.15; color:#d5d8de; text-align:justify; }
.prose p{ margin-bottom:1.2rem; }
.prose strong, .prose b{ color:#fff; }
.prose-light{ color:#3a3f4a; }
.prose-light strong, .prose-light b{ color:#191d24; }
.prose .lead{
  font-size:1.12rem; font-weight:600; color:#fff;
  border-inline-start:4px solid var(--gold); padding-inline-start:1rem; margin-bottom:1.4rem;
  background:rgba(251,185,0,.05); border-radius:.5rem; padding:.8rem 1rem; 
}
.prose-light .lead{ color:#191d24; background:rgba(251,185,0,.12); }
.article-img{
  border-radius:1.3rem; overflow:hidden; margin:1.6rem 0;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.75);
  border:1px solid rgba(255,255,255,.08);
}
.article-img img{ width:100%; display:block; }

/* ---------- ویجت کناری ---------- */
.side-widget{
  background:linear-gradient(165deg,#171b23,#10131a);
  border:1px solid rgba(255,255,255,.07); border-radius:1.2rem;
  padding:1.5rem; position:sticky; top:8rem;
}
.side-widget + .side-widget{ margin-top:1.4rem; position:static; }
.sw-title{
  font-size:1rem; color:#fff; font-weight:800; margin-bottom:1.1rem;
  display:flex; align-items:center; gap:.6rem;
}
.sw-title::before{ content:""; width:8px; height:8px; background:var(--gold); transform:rotate(45deg); border-radius:2px; }
.rel-item{
  display:flex; gap:.9rem; align-items:center; padding:.75rem 0;
  border-bottom:1px dashed rgba(255,255,255,.09); transition:.3s;
}
.rel-item:last-child{ border-bottom:0; padding-bottom:0; }
.rel-item:hover{ transform:translateX(-4px); }
.rel-item .ri-ico{
  width:42px; height:42px; border-radius:.8rem; flex:0 0 auto; overflow:hidden;
  background:rgba(251,185,0,.12); display:grid; place-items:center; color:var(--gold);
}
.rel-item .ri-ico img{ width:100%; height:100%; object-fit:cover; }
.rel-item .ri-ico svg{ width:18px; height:18px; }
.rel-item .rt{ font-size:.86rem; font-weight:700; color:#dfe2e8; line-height:1.7; }
.rel-item .rd{ font-size:.74rem; color:var(--muted); display:flex; align-items:center; gap:.3rem; }
.rel-item .rd svg{ width:12px; height:12px; color:var(--gold); }

/* ---------- جدول مشخصات ---------- */
.spec-list{
  border:1px solid rgba(255,255,255,.09); border-radius:1.2rem; overflow:hidden;
  background:linear-gradient(165deg,#171b23,#10131a);
}
.spec-row{
  display:flex; align-items:center; gap:1rem; padding:.95rem 1.3rem;
  border-bottom:1px solid rgba(255,255,255,.06); font-size:.93rem;
  transition:.25s;
}
.spec-row:last-child{ border-bottom:0; }
.spec-row:hover{ background:rgba(251,185,0,.05); }
.spec-row .k{
  display:inline-flex; align-items:center; gap:.55rem; color:var(--gold);
  font-weight:800; min-width:170px; flex:0 0 auto;
}
.spec-row .k svg{ width:16px; height:16px; }
.spec-row .v{ color:#dfe2e8; font-weight:600; }

/* ---------- کارت اعضای تیم ---------- */
.team-card{
  background:linear-gradient(165deg,#171b23,#10131a);
  border:1px solid rgba(255,255,255,.07); border-radius:1.3rem;
  padding:1.8rem 1.2rem; text-align:center; height:100%; transition:.4s var(--ease);
  position:relative; overflow:hidden;
}
.team-card::before{
  content:""; position:absolute; top:0; inset-inline:0; height:4px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:0; transition:.4s;
}
.team-card:hover{ transform:translateY(-8px); border-color:var(--line); box-shadow:0 30px 55px -28px rgba(0,0,0,.85); }
.team-card:hover::before{ opacity:1; }
.team-photo{
  width:112px; height:112px; border-radius:50%; margin:0 auto 1.1rem; overflow:hidden;
  border:3px solid rgba(251,185,0,.35); padding:4px; transition:.4s var(--ease);
  background:#0c0e12;
}
.team-card:hover .team-photo{ border-color:var(--gold); transform:scale(1.05); box-shadow:var(--shadow-gold); }
.team-photo img{ width:100%; height:100%; border-radius:50%; object-fit:cover; }
.team-photo .ph-ico{
  width:100%; height:100%; border-radius:50%; display:grid; place-items:center;
  background:rgba(251,185,0,.12); color:var(--gold);
}
.team-photo .ph-ico svg{ width:42px; height:42px; }
.team-card h3{ font-size:1.02rem; color:#fff; margin-bottom:.2rem; }
.team-card .role{
  display:inline-block; font-size:.78rem; font-weight:800; color:var(--gold);
  background:rgba(251,185,0,.1); border:1px solid rgba(251,185,0,.3);
  border-radius:999px; padding:.22rem .9rem; margin-top:.4rem;
}

/* ---------- چشم‌انداز ---------- */
.vision-card{
  background:#fff; border:1px solid #e9e4d6; border-radius:1.3rem;
  padding:2.1rem 1.7rem; height:100%; position:relative; overflow:hidden; transition:.4s var(--ease);
}
.vision-card:hover{ transform:translateY(-8px); box-shadow:0 30px 55px -28px rgba(90,70,10,.4); border-color:rgba(217,164,0,.5); }
.vision-num{
  font-size:3.4rem; font-weight:900; color:rgba(251,185,0,.28); line-height:1;
  position:absolute; top:1rem; inset-inline-end:1.3rem; font-variant-numeric:tabular-nums;
}
.vision-card .vi{
  width:58px; height:58px; border-radius:1rem; background:rgba(251,185,0,.15);
  border:1px solid rgba(251,185,0,.35); color:#a97e00;
  display:grid; place-items:center; margin-bottom:1.1rem; transition:.35s;
}
.vision-card:hover .vi{ background:var(--gold); color:#1a1304; transform:rotate(-8deg); }
.vision-card .vi svg{ width:26px; height:26px; }
.vision-card p{ color:#4d5563; font-size:.95rem; margin:0; position:relative; }

/* ---------- تایم‌لاین تاریخچه ---------- */
.timeline{ position:relative; padding-inline-start:2rem; }
.timeline::before{
  content:""; position:absolute; inset-inline-start:.55rem; top:6px; bottom:6px; width:2px;
  background:linear-gradient(180deg,var(--gold),rgba(251,185,0,.1));
}
.tl-item{ position:relative; padding-bottom:2rem; }
.tl-item:last-child{ padding-bottom:0; }
.tl-item .tl-dot{
  position:absolute; inset-inline-start:-2rem; top:6px; width:14px; height:14px; border-radius:50%;
  background:var(--gold); box-shadow:0 0 0 5px rgba(251,185,0,.18);
}
.tl-item .tl-year{
  display:inline-block; font-weight:900; color:#1a1304; font-size:.92rem;
  background:linear-gradient(135deg,var(--gold-soft),var(--gold));
  border-radius:999px; padding:.15rem .9rem; margin-bottom:.4rem;
}
.tl-item h4{ color:#191d24; font-size:1.05rem; margin-bottom:.3rem; }
.tl-item p{ color:#5b6270; font-size:.92rem; margin:0; }

/* ---------- جدول مزایده ---------- */
.tbl-gold{ --bs-table-bg:transparent; border-collapse:separate; border-spacing:0; width:100%; }
.tbl-gold thead th{
  background:linear-gradient(135deg,var(--gold-soft),var(--gold)); color:#1a1304;
  font-weight:800; font-size:.9rem; padding:.9rem 1rem; border:0; white-space:nowrap;
}
.tbl-gold thead th:first-child{ border-radius:0 .9rem 0 0; }
.tbl-gold thead th:last-child{ border-radius:.9rem 0 0 0; }
.tbl-gold tbody td{
  background:#fff; border:0; border-bottom:1px solid #eee8d8;
  padding:.9rem 1rem; font-size:.9rem; color:#3a3f4a; vertical-align:middle;
}
.tbl-gold tbody tr:hover td{ background:rgba(251,185,0,.08); }
.tbl-wrap{ border-radius:.9rem; overflow:hidden; box-shadow:0 20px 40px -28px rgba(90,70,10,.5); }

/* ---------- شرایط مزایده ---------- */
.cond-item{
  display:flex; gap:1rem; margin-bottom:1rem; font-size:.95rem; color:#3a3f4a; text-align:justify;
}
.cond-item .cn{
  width:36px; height:36px; border-radius:50%; flex:0 0 auto;
  background:linear-gradient(135deg,var(--gold-soft),var(--gold)); color:#1a1304;
  display:grid; place-items:center; font-weight:900; font-size:.95rem;
  box-shadow:0 8px 16px -8px rgba(200,150,0,.6);
}

/* ---------- صفحه‌بندی ---------- */
.pagination-gold{ display:flex; justify-content:center; gap:.4rem; list-style:none; padding:0; margin:2.4rem 0 0; }
.pagination-gold a{
  width:42px; height:42px; border-radius:12px; display:grid; place-items:center;
  background:#fff; border:1px solid #e6e0cf; color:#4d5563; font-weight:800; font-size:.9rem;
  transition:.3s var(--ease);
}
.pagination-gold a:hover{ border-color:var(--gold); color:#a97e00; transform:translateY(-3px); }
.pagination-gold a.active{ background:var(--gold); border-color:var(--gold); color:#1a1304; box-shadow:var(--shadow-gold); }
.pagination-gold svg{ width:16px; height:16px; }

/* ---------- گالری ---------- */
.gallery-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:1rem; }
.gallery-item{
  border-radius:1rem; overflow:hidden; position:relative; height:180px; cursor:pointer;
  border:1px solid rgba(255,255,255,.08);
}
.gallery-item img{ width:100%; height:100%; object-fit:cover; transition:.6s var(--ease); }
.gallery-item::after{
  content:""; position:absolute; inset:0; background:rgba(251,185,0,.0); transition:.4s;
}
.gallery-item:hover::after{ background:rgba(251,185,0,.22); }
.gallery-item:hover img{ transform:scale(1.1); }

/* ---------- توضیح کوتاه زیر هدر صفحه ---------- */
.intro-strip{
  display:flex; gap:1rem; align-items:center;
  border:1px solid rgba(251,185,0,.3); background:rgba(251,185,0,.06);
  border-radius:1rem; padding:1rem 1.3rem; margin-bottom:2rem;
  color:#e9eaee; font-size:.95rem;
}
.intro-strip svg{ width:22px; height:22px; color:var(--gold); flex:0 0 auto; }