/* pages/camp-detail.css — بخشی از سیستم سبک سایت عمومی پلاس */
.camp-grid{align-items:center}
.camp-kpi{list-style:none;display:flex;flex-wrap:wrap;gap:10px 34px;
  margin-block-start:clamp(22px,3vw,32px)}
.camp-kpi li{display:flex;align-items:baseline;gap:8px}
.camp-kpi b{font-family:var(--font-display);font-size:clamp(24px,3vw,34px);
  font-weight:900;color:#fff;line-height:1}
.camp-kpi span{font-size:12.5px;color:#93A5C6}
.camp-strip{position:relative;display:flex;align-items:flex-start;justify-content:space-between;
  gap:6px;margin-block-start:clamp(24px,3.2vw,34px);max-inline-size:520px;padding-block-start:6px}
.cs-line{position:absolute;inset-block-start:20px;inset-inline:16px;block-size:2px;
  border-radius:2px;background:rgba(103,232,249,.16)}
.cs-fill{position:absolute;inset-block-start:20px;right:16px;left:auto;block-size:2px;
  inline-size:var(--p,10%);border-radius:2px;
  background:linear-gradient(90deg,rgba(103,232,249,.25),var(--accent));
  transition:inline-size .45s var(--ease-out)}
.cs-st{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:9px;
  flex:1 1 0;min-inline-size:0;cursor:pointer;background:none;border:0;padding:0}
.cs-st i{display:grid;place-items:center;inline-size:30px;block-size:30px;border-radius:50%;
  font-style:normal;font-family:var(--font-display);font-size:12.5px;font-weight:900;
  color:var(--accent-soft);border:1px solid rgba(103,232,249,.30);background:var(--navy-950);
  transition:transform var(--dur-base) var(--ease-out),color var(--dur-fast),
             background-color var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast)}
.cs-st em{font-style:normal;font-size:11px;color:#7E93B0;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;max-inline-size:100%;transition:color var(--dur-fast)}
.cs-st:hover i{transform:translateY(-3px)}
.cs-st.on i{color:var(--navy-950);border-color:transparent;background:var(--accent);
  box-shadow:0 0 0 5px rgba(103,232,249,.14)}
.cs-st.on em{color:#fff}
.cs-now{margin-block-start:14px;font-family:var(--font-display);font-size:12.5px;
  font-weight:800;color:var(--accent-soft);min-block-size:1.4em}
.camp-strip.is-dense{gap:3px}
.camp-strip.is-dense .cs-st em{display:none}
.camp-strip.is-dense .cs-st i{inline-size:26px;block-size:26px;font-size:11px}
@media (max-width:520px){
.cs-st em{display:none}
}
.ledger{margin-block:clamp(34px,4.4vw,56px) clamp(6px,1vw,12px);
  padding:clamp(22px,3vw,36px);border-radius:var(--card-radius);
  border:1px solid var(--line);background:var(--surface);
  box-shadow:0 40px 70px -60px rgba(11,18,38,.55)}
.lg-head h2{margin-block-start:8px;font-family:var(--font-display);
  font-size:clamp(20px,2.6vw,29px);font-weight:900;color:var(--fg)}
.lg-bars{margin-block-start:clamp(22px,3vw,32px);display:flex;flex-direction:column;gap:16px}
.lg-row{display:grid;grid-template-columns:clamp(96px,11vw,150px) minmax(0,1fr) auto;
  align-items:center;gap:clamp(12px,2vw,22px)}
.lg-lab{font-family:var(--font-display);font-size:13px;font-weight:900;color:var(--fg)}
.lg-lab em{display:block;margin-block-start:4px;font-style:normal;
  font-family:var(--font-body);font-size:11px;font-weight:400;color:var(--fg-muted)}
.lg-track{position:relative;display:flex;block-size:clamp(40px,4.6vw,54px);
  border-radius:12px;overflow:hidden;background:var(--paper-200)}
.lg-seg{position:relative;display:grid;place-items:center;inline-size:0;
  transition:inline-size 1.1s var(--ease-out);
  border-inline-start:1px solid rgba(255,255,255,.55);
  background:color-mix(in oklab,var(--teal-600) 16%,transparent)}
.lg-seg:first-child{border-inline-start:0}
.lg-seg:nth-child(2n){background:color-mix(in oklab,var(--teal-600) 26%,transparent)}
.lg-seg:nth-child(3n){background:color-mix(in oklab,var(--teal-600) 36%,transparent)}
.lg-seg b{font-family:var(--font-display);font-size:11px;font-weight:800;
  color:var(--ink-hi);white-space:nowrap;opacity:0;transition:opacity .5s .5s}
.lg-seg::after{content:attr(data-n);position:absolute;inset-block-end:5px;
  font-size:9.5px;color:var(--fg-muted);white-space:nowrap}
.ledger.on .lg-seg{inline-size:var(--w)}
.ledger.on .lg-seg b{opacity:1}
.lg-fill{inline-size:0;transition:inline-size 1.1s .25s var(--ease-out);
  background:linear-gradient(90deg,var(--teal-600),var(--ink-hi))}
.lg-gap{position:relative;display:grid;place-items:center;inline-size:0;
  transition:inline-size 1.1s .25s var(--ease-out);
  background:repeating-linear-gradient(135deg,transparent 0 7px,
    color-mix(in oklab,var(--gold-600) 26%,transparent) 7px 14px)}
.lg-gap b{font-family:var(--font-display);font-size:11.5px;font-weight:900;
  color:#6B4B00;white-space:nowrap;opacity:0;transition:opacity .5s .8s}
.ledger.on .lg-fill,.ledger.on .lg-gap{inline-size:var(--w)}
.ledger.on .lg-gap b{opacity:1}
.lg-num{font-family:var(--font-display);font-size:clamp(13px,1.6vw,17px);
  font-weight:900;color:var(--fg-muted);white-space:nowrap}
.lg-num.is-final{color:var(--teal-600);font-size:clamp(15px,1.9vw,20px)}
.lg-foot{margin-block-start:20px;padding-block-start:18px;border-block-start:1px solid var(--line);
  font-size:13.5px;color:var(--fg-muted)}
.lg-foot b{font-family:var(--font-display);font-size:17px;font-weight:900;color:var(--teal-600)}
@media (max-width:820px){
.lg-row{grid-template-columns:1fr auto;gap:8px 12px}
.lg-track{grid-column:1 / -1;block-size:38px}
.lg-seg b,.lg-seg::after{display:none}
.lg-gap b{font-size:10.5px}
}
.ticks{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
  gap:2px 30px;margin-block-start:18px}
.ticks li{position:relative;padding:10px 30px 10px 0;font-size:13.5px;
  line-height:1.95;color:var(--fg-muted)}
.ticks li::before{content:"";position:absolute;inset-block-start:17px;right:0;left:auto;
  inline-size:15px;block-size:9px;border:2px solid var(--teal-600);
  border-block-start:0;border-inline-end:0;transform:rotate(-45deg)}
.tr-lead{margin-block-start:10px;font-size:13.5px;color:var(--fg-muted)}
.trail{list-style:none;position:relative;margin-block-start:clamp(20px,2.6vw,28px);
  padding-inline-end:clamp(26px,3.4vw,44px)}
.trail::before{content:"";position:absolute;inset-block:24px 34px;
  right:clamp(12px,1.7vw,21px);left:auto;inline-size:2px;border-radius:2px;
  background:linear-gradient(180deg,var(--line-strong),color-mix(in oklab,var(--teal-600) 55%,transparent))}
.tr-st{position:relative;margin-block-end:12px}
.tr-b{position:relative;inline-size:100%;display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;
  gap:clamp(12px,1.8vw,20px);text-align:start;cursor:pointer;
  padding:clamp(14px,1.8vw,20px) clamp(14px,2vw,22px);
  border:1px solid var(--line);border-radius:var(--card-radius);background:var(--surface);
  transition:border-color var(--dur-fast),transform var(--dur-base) var(--ease-out),
             box-shadow var(--dur-base)}
.tr-b:hover{border-color:var(--teal-600);transform:translateX(-4px)}
.tr-st.open .tr-b{border-color:var(--teal-600);
  box-shadow:0 24px 44px -34px rgba(11,18,38,.6)}
.tr-n{position:relative;flex:none;margin-inline-start:calc(-1 * clamp(28px,3.6vw,46px))}
.tr-n b{display:grid;place-items:center;inline-size:clamp(38px,4.4vw,50px);
  block-size:clamp(38px,4.4vw,50px);border-radius:50%;
  font-family:var(--font-display);font-size:clamp(14px,1.7vw,18px);font-weight:900;
  color:var(--teal-600);background:var(--surface);border:2px solid var(--line-strong);
  transition:color var(--dur-fast),background-color var(--dur-fast),border-color var(--dur-fast)}
.tr-b:hover .tr-n b,.tr-st.open .tr-n b{color:#fff;border-color:transparent;background:var(--teal-600)}
.tr-st.is-top .tr-n b{border-color:var(--gold-600)}
.tr-k{display:block;font-family:var(--font-display);font-size:10.5px;font-weight:800;
  letter-spacing:.6px;color:var(--teal-600)}
.tr-t{display:block;margin-block-start:7px;font-family:var(--font-display);
  font-size:clamp(15px,1.8vw,19px);font-weight:900;line-height:1.7;color:var(--fg)}
.tr-m{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-block-start:9px;
  font-size:11.5px;color:var(--fg-muted)}
.tr-m i{inline-size:3px;block-size:3px;border-radius:50%;background:var(--line-strong)}
.tr-p{text-align:center;white-space:nowrap}
.tr-p b{display:block;font-family:var(--font-display);font-size:14px;font-weight:900;color:var(--fg)}
.tr-p span{display:block;margin-block-start:4px;font-size:10.5px;color:var(--fg-muted)}
.tr-c{display:grid;place-items:center;inline-size:30px;block-size:30px;border-radius:50%;
  flex:none;color:var(--fg-muted);background:var(--paper-200);
  transition:transform var(--dur-base) var(--ease-out),color var(--dur-fast),
             background-color var(--dur-fast)}
.tr-c svg{inline-size:16px;block-size:16px}
.tr-st.open .tr-c{transform:rotate(180deg);color:#fff;background:var(--teal-600)}
.tr-panel{display:grid;grid-template-rows:0fr;opacity:0;contain:layout paint;
  margin-inline-start:clamp(10px,1.4vw,18px);
  transition:grid-template-rows .40s var(--ease-out),opacity .3s var(--ease-soft)}
.tr-st.open .tr-panel{grid-template-rows:1fr;opacity:1}
.tr-in{overflow:hidden;min-block-size:0;
  border-inline-end:2px solid var(--line);padding-inline-end:clamp(14px,2vw,22px)}
.tr-in > *:first-child{margin-block-start:clamp(14px,2vw,20px)}
.tr-x{padding-inline:clamp(4px,1vw,10px);font-size:13.5px;line-height:2.15;color:var(--fg-muted)}
.tr-facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px;
  margin-block-start:16px;padding-inline:clamp(4px,1vw,10px)}
.tr-facts li{display:flex;align-items:baseline;gap:7px;padding:8px 13px;border-radius:12px;
  background:var(--paper-200);font-size:11.5px;color:var(--fg-muted)}
.tr-facts b{font-family:var(--font-display);font-size:12px;font-weight:800;color:var(--fg)}
.tr-note{display:flex;align-items:flex-start;gap:9px;margin-block-start:16px;
  padding-inline:clamp(4px,1vw,10px);font-size:12.5px;line-height:2;color:var(--teal-600)}
.tr-note i{flex:none;inline-size:6px;block-size:6px;border-radius:50%;
  background:currentColor;margin-block-start:9px}
.tr-go{margin-inline-start:clamp(4px,1vw,10px);margin-block-end:6px}
.tr-go{display:inline-flex;align-items:center;gap:8px;margin-block-start:18px;
  font-family:var(--font-display);font-size:12.5px;font-weight:800;
  text-decoration:none;color:var(--teal-600)}
.tr-go svg{inline-size:15px;block-size:15px;transition:transform var(--dur-base) var(--ease-out)}
.tr-go:hover svg{transform:translateX(-4px)}
@media (max-width:820px){
.trail{padding-inline-end:0}
.trail::before{display:none}
.tr-b{grid-template-columns:auto minmax(0,1fr) auto}
.tr-n{margin-inline-start:0}
.tr-p{grid-column:2 / -1;text-align:start;display:flex;align-items:baseline;gap:8px}
.tr-p span{margin-block-start:0}
}
.rtab{inline-size:100%;border-collapse:collapse;margin-block-start:16px;
  border:1px solid var(--line);border-radius:var(--card-radius);overflow:hidden}
.rtab th,.rtab td{padding:13px clamp(14px,1.8vw,20px);text-align:start;
  font-size:13px;border-block-end:1px solid var(--line)}
.rtab tr:last-child th,.rtab tr:last-child td{border-block-end:0}
.rtab th{inline-size:clamp(120px,18vw,210px);font-family:var(--font-display);
  font-weight:800;color:var(--fg);background:var(--paper-200)}
.rtab td{color:var(--fg-muted)}
.campbuy{margin-block-start:0}
.campbuy .bb-body{padding-block-start:clamp(18px,2.2vw,24px)}
.cb-cap{margin-block-start:18px;padding:14px 16px;border-radius:14px;background:var(--paper-200)}
.cb-cn{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  font-size:11.5px;color:var(--fg-muted)}
.cb-cn b{font-family:var(--font-display);font-size:13.5px;font-weight:900;color:var(--fg)}
.cb-bar{display:block;margin-block-start:10px}
.cb-bar .track{display:block;block-size:6px;border-radius:6px;overflow:hidden;
  background:var(--surface)}
.cb-bar .track i{display:block;block-size:100%;inline-size:var(--p);border-radius:6px;
  background:linear-gradient(90deg,var(--teal-600),var(--gold-600))}
.cb-warn{display:flex;align-items:flex-start;gap:10px;margin-block-start:14px;
  padding:12px 14px;border-radius:12px;font-size:11.5px;line-height:1.9;
  color:#6B4B00;background:color-mix(in oklab,var(--gold-600) 16%,transparent)}
.cb-warn svg{flex:none;inline-size:17px;block-size:17px;margin-block-start:2px}
.campbuy .purchase{margin-block-start:20px}
.buybar{position:fixed;inset-block-end:0;inset-inline:0;z-index:80;display:none;
  align-items:center;justify-content:space-between;gap:14px;
  padding:12px clamp(14px,4vw,20px);
  border-block-start:1px solid var(--line);background:var(--surface);
  box-shadow:0 -18px 40px -30px rgba(11,18,38,.6)}
.bbar-p b{display:block;font-family:var(--font-display);font-size:16px;font-weight:900;color:var(--fg)}
.bbar-p span{display:block;margin-block-start:2px;font-size:11px;color:var(--fg-muted)}
.buybar .btn{padding:12px 22px}
@media (max-width:820px){
.buybar{display:flex}
}
.wk{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-block-start:18px}
@media (max-width:1040px){
.wk{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:700px){
.wk{grid-template-columns:repeat(2,1fr)}
}

/* پیام وضعیت ثبت‌نام و تیک تایید ثانویه — متن‌ها از ویو می‌آیند */
.purchase .pu-note{margin-block-start:12px;font-size:12.5px;line-height:1.9;font-weight:700;
  color:color-mix(in oklab,var(--fg) 62%,transparent)}
.purchase .pu-note.warn{color:var(--gold-600)}
.cb-confirm{display:flex;align-items:flex-start;gap:9px;margin-block-start:14px;
  font-size:12.5px;font-weight:700;line-height:1.9;cursor:pointer;
  color:color-mix(in oklab,var(--fg) 74%,transparent)}
.cb-confirm input{margin-block-start:4px;accent-color:var(--teal-600);flex:none}
.purchase .bb-submit[disabled]{opacity:.5;cursor:not-allowed}