/* ===================================================================
   Bango — استایل مشترک سایت
   =================================================================== */

@font-face {
  font-family: 'Vazirmatn';
  src: url('fonts/Vazirmatn-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('fonts/Vazirmatn-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('fonts/Vazirmatn-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}

:root{
  --ink:#1c1410;
  --cork:#2c2019;
  --paper:#fdfaf5;
  --paper-2:#f3ead9;
  --text:#2a221b;
  --text-dim:#6b6156;
  --bango:#ff6b35;
  --bango-dim:#c9522a;
  --pin:#e63946;
  --line: rgba(28,20,16,0.09);
  --line-dark: rgba(247,238,221,0.12);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}

body{
  margin:0;
  background:var(--paper);
  color:var(--text);
  font-family:'Vazirmatn', system-ui, sans-serif;
  line-height:1.85;
}

a{color:inherit; text-decoration:none;}
img{max-width:100%;display:block;}

.wrap{max-width:920px; margin:0 auto; padding:0 24px;}

/* ---------- هدر ---------- */
header.site{
  background:var(--ink);
  position:sticky; top:0; z-index:20;
  border-bottom:1px solid var(--line-dark);
}
.site-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width:920px;
  margin:0 auto;
  padding:16px 24px;
}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:700;
  font-size:19px;
  color:var(--paper);
}
.brand-mark{
  width:30px;height:30px;
  border-radius:8px;
  background:linear-gradient(155deg, var(--bango), var(--pin));
  transform:rotate(-6deg);
}
nav.site-nav{
  display:flex;
  gap:22px;
  font-size:14.5px;
}
nav.site-nav a{
  color:var(--ash, #c9beac);
  padding:6px 0;
  border-bottom:2px solid transparent;
  transition:color .15s, border-color .15s;
}
nav.site-nav a:hover, nav.site-nav a.active{
  color:var(--paper);
  border-color:var(--bango);
}
.nav-toggle{display:none;}

@media (max-width:680px){
  nav.site-nav{
    display:none;
    position:absolute;
    top:100%; right:0; left:0;
    background:var(--ink);
    flex-direction:column;
    gap:0;
    padding:8px 24px 18px;
    border-bottom:1px solid var(--line-dark);
  }
  nav.site-nav.open{display:flex;}
  nav.site-nav a{padding:12px 0; border-bottom:1px solid var(--line-dark);}
  .nav-toggle{
    display:inline-flex;
    background:none;border:none;color:var(--paper);
    font-size:22px; cursor:pointer;
  }
}

/* ---------- محتوای صفحه ---------- */
main{padding:56px 0 72px;}

.page-title{
  font-size:clamp(28px,4vw,38px);
  font-weight:700;
  color:var(--text);
  margin:0 0 8px;
}
.page-lede{
  color:var(--text-dim);
  font-size:16px;
  max-width:62ch;
  margin:0 0 40px;
}

h2{
  font-size:21px;
  font-weight:700;
  color:var(--text);
  margin:36px 0 12px;
  padding-inline-start:14px;
  border-inline-start:4px solid var(--bango);
}
h2:first-child{margin-top:0;}

p{margin:0 0 16px; color:var(--text);}
p.dim{color:var(--text-dim); font-size:14.5px;}

ul.plain{margin:0 0 16px; padding-inline-start:22px;}
ul.plain li{margin-bottom:8px;}

.card-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:28px 0 12px;
}
.mini-card{
  background:var(--paper-2);
  border:1px solid var(--line);
  border-radius:12px;
  padding:18px;
}
.mini-card .tag{
  font-size:12px;
  color:var(--bango-dim);
  font-weight:700;
  display:block;
  margin-bottom:8px;
}
.mini-card p{font-size:14px;margin:0;color:var(--text-dim);}

.info-box{
  background:var(--paper-2);
  border:1px solid var(--line);
  border-radius:14px;
  padding:22px 24px;
  margin:24px 0;
}
.info-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:10px 0;
  border-bottom:1px solid var(--line);
  font-size:14.5px;
}
.info-row:last-child{border-bottom:none;}
.info-row .k{color:var(--text-dim);}
.info-row .v{font-weight:600;}

.badge-soon{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  color:var(--bango-dim);
  border:1px solid var(--bango);
  background:rgba(255,107,53,0.08);
  padding:5px 12px;
  border-radius:999px;
  margin-bottom:18px;
}

@media (max-width:680px){
  .card-list{grid-template-columns:1fr;}
}

/* ---------- فوتر ---------- */
footer.site{
  background:var(--ink);
  color:#a89d8c;
  border-top:1px solid var(--line-dark);
}
.footer-wrap{
  max-width:920px;
  margin:0 auto;
  padding:36px 24px;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
  font-size:13px;
}
.footer-wrap a{border-bottom:1px dashed rgba(168,157,140,0.4);}