/* BISHSOOD_THEME v1 — light theme + new components */
@font-face{font-family:'Vazirmatn';src:url('/fonts/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --bg:#FFFFFF;--surface:#F6F7FB;--surface2:#EEF0F7;--surface3:#E3E6F0;
  --border:#E1E4EE;--border2:#CDD2E2;
  --text:#14182B;--text2:#4A526E;--text3:#6B7390;
  --accent:#C46A00;--accent2:#A85A00;--accent-glow:rgba(255,176,32,.18);
  --green:#12865A;--green-bg:#DDF6EA;
  --amber:#FFB020;--amber-bg:#FFF3DB;
  --purple:#5B3FE0;--purple-bg:#E4DEFF;
  --red:#DC2626;--red-bg:#FDE4E4;--blue:#2F5BEA;
  --bs-amber:#FFB020;--bs-ink:#1A1200;
}
html,body{background:#FFFFFF;color:var(--text)}
body,button,input,select,textarea{font-family:'Vazirmatn',system-ui,sans-serif}
::-webkit-scrollbar-track{background:#fff}
.header{background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.header-inner{min-height:68px;height:auto;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.logo-text{font-weight:900;color:var(--text)}
.search-box{background:var(--surface);border-radius:14px;min-height:44px}
.search-box input{color:var(--text)}
.btn{border-radius:14px;font-weight:800;min-height:44px}
.btn-sm{min-height:40px;padding:6px 14px}
.btn-lg{min-height:52px;font-size:16px}
.btn-primary{background:var(--bs-amber);color:var(--bs-ink)}
.btn-primary:hover{background:#FFC24D;color:var(--bs-ink)}
.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}
.btn-ghost:hover{background:var(--surface3)}
.btn-success{background:var(--green-bg);color:var(--green);border:1px solid rgba(18,134,90,.25)}
.chip{min-height:40px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;background:var(--surface);color:var(--text2)}
.chip.active{background:var(--bs-amber);border-color:var(--bs-amber);color:var(--bs-ink);font-weight:800}
.sort-sel{min-height:40px;border-radius:12px;background:var(--surface);color:var(--text)}
.sec-title{font-size:26px;font-weight:900}
.camp-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
/* ticker */
.ticker{background:#FFF3DB;border-bottom:1px solid #F2D9A0}
.ticker-item{color:#7A4A00;font-weight:700}
/* hero v2 */
.hero2{max-width:1240px;margin:20px auto 0;padding:0 clamp(16px,3vw,24px)}
.hero2-box{display:flex;flex-wrap:wrap;align-items:center;gap:24px;background:var(--surface);border:1px solid var(--border);border-radius:32px;padding:clamp(24px,4vw,56px);overflow:hidden}
.hero2-text{flex:1 1 360px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.hero2-badge{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--amber-bg);color:#9A5B00;font-weight:800;font-size:14px}
.hero2 h1{font-size:clamp(32px,5vw,60px);line-height:1.25;font-weight:900;margin:0}
.hero2 h1 span{color:var(--accent)}
.hero2 p{font-size:17px;line-height:1.9;color:var(--text2);margin:0;max-width:520px}
.hero2 .hero-btns{justify-content:flex-start}
.hero2 .hero-stats{justify-content:flex-start;margin-top:6px;gap:28px}
.hero2 .hs-val{color:var(--accent);font-weight:900;font-size:28px}
.hero2-art{flex:1 1 280px;display:flex;justify-content:center}
.hero2-art svg{width:100%;max-width:420px;height:auto}
/* campaign card v2 */
.bs-card{background:#fff;border:1px solid var(--border);border-radius:24px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(20,24,43,.04)}
.bs-card:hover{border-color:var(--bs-amber);box-shadow:0 12px 32px rgba(20,24,43,.10);transform:translateY(-3px)}
.bs-img{height:210px;background:var(--surface2)}
.bs-off{position:absolute;top:12px;right:12px;padding:5px 12px;border-radius:999px;background:#FF6B2C;color:#fff;font-weight:900;font-size:14px}
.bs-card .camp-timer{top:12px;bottom:auto;right:auto;left:12px;background:rgba(255,255,255,.92);color:#9A5B00;font-weight:800;font-variant-numeric:tabular-nums}
.bs-card .ending-badge{top:auto;bottom:12px;right:12px}
.bs-body{display:flex;flex-direction:column;gap:12px;padding:18px;flex:1}
.bs-cat{font-size:12px;color:var(--text3)}
.bs-card .camp-name{font-size:17px;font-weight:800;margin:0;line-height:1.5}
.bs-card .price-row{margin:0;align-items:baseline}
.bs-card .price-now{font-size:24px;font-weight:900;color:var(--accent)}
.bs-card .price-disc{display:none}
.bs-steps{display:flex;flex-direction:column;gap:6px}
.bs-track{display:flex;gap:4px}
.bs-seg{flex:1;height:12px;border-radius:6px;background:var(--surface3);overflow:hidden;display:block}
.bs-seg i{display:block;height:100%;background:#2FD38C;border-radius:6px;transition:width .5s}
.bs-labels{display:flex;justify-content:space-between;gap:4px;font-size:12px;color:var(--text3)}
.bs-labels .on{color:var(--green);font-weight:800}
.bs-need{font-size:13px;color:var(--green);font-weight:700;min-height:18px}
.bs-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.bs-people{font-size:13px;color:var(--text2)}
.how{background:var(--surface)}
@media (max-width:640px){.header-inner{padding:8px 16px}.search-box{width:100%;order:5}.sec-title{font-size:22px}.hero2-box{border-radius:24px}.how-grid{grid-template-columns:repeat(2,1fr)}}
/* BS_SHADOW v2: جداسازی کارت‌ها */
.camp-grid{gap:26px}
.bs-card{border:1px solid #D5D9E6;box-shadow:0 2px 4px rgba(20,24,43,.06),0 8px 20px rgba(20,24,43,.10),0 18px 40px -8px rgba(20,24,43,.12)}
.bs-card:hover{border-color:#FFB020;box-shadow:0 4px 8px rgba(20,24,43,.08),0 16px 34px rgba(20,24,43,.16),0 28px 56px -10px rgba(255,176,32,.28);transform:translateY(-4px)}
@media(max-width:600px){.camp-grid{gap:22px}}
/* BS_WIDE v3: عرض کامل صفحه */
.header-inner,.main,.hero2,.ticker-inner,.footer-inner{max-width:1920px!important;width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto}
.header-inner{padding-left:clamp(12px,2vw,32px)!important;padding-right:clamp(12px,2vw,32px)!important}
.main{padding:28px clamp(12px,2vw,32px)!important}
.hero2{padding:0 clamp(12px,2vw,32px)!important}
.camp-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))!important}
@media(max-width:640px){.header-inner{padding-left:12px!important;padding-right:12px!important}.main{padding:20px 12px!important}.hero2{padding:0 12px!important}.camp-grid{grid-template-columns:1fr!important}}
