/* صفحهٔ نمایندگی: نقشهٔ تعاملی استان‌ها + فرم درخواست نمایندگی */
.ag{--ag-deep:#0c0c0d;--ag-deep-rgb:12,12,13;--ag-a:#f2b705;--ag-a-rgb:242,183,5;--ag-a-text:#c99700;--ag-on-a:#141414;--ag-card:#fff;--ag-text:#16181d;--ag-mute:#6b7280;--ag-line:#e5e7eb;--ag-tile:22px;display:grid;gap:clamp(20px,3vw,36px)}
.ag-i{width:18px;height:18px;flex:none}

.ag-kicker{display:inline-flex;align-items:center;margin:0;color:var(--ag-a);font-size:.88rem;font-weight:800;line-height:1.8}
.ag-kicker::before{content:"";width:26px;height:3px;margin-inline-end:10px;border-radius:2px;background:var(--ag-a)}
.ag-h2{position:relative;margin:.45rem 0 .5rem;padding-inline-start:18px;font-size:clamp(1.45rem,2.8vw,2.2rem);font-weight:900;line-height:1.45}
.ag-h2::before{content:"";position:absolute;inset-inline-start:0;top:.22em;bottom:.22em;width:5px;border-radius:3px;background:var(--ag-a)}
.ag-lead{margin:0;max-width:620px;line-height:1.9}

.ag-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border:0;border-radius:10px;background:var(--ag-deep);color:#fff;font:inherit;font-weight:800;font-size:.95rem;cursor:pointer;text-decoration:none;transition:background .2s,color .2s,transform .2s}
.ag-btn:hover{background:var(--ag-a);color:var(--ag-on-a)}
.ag-btn:active{transform:translateY(1px)}
.ag-btn.is-lg{min-height:56px;padding:0 34px}

/* بخش تیرهٔ نقشه */
.ag-net{position:relative;isolation:isolate;overflow:hidden;border-radius:calc(var(--ag-tile) + 6px);background:var(--ag-deep);color:#fff;padding:clamp(18px,3.4vw,48px)}
.ag-net::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(640px 460px at 28% 50%,rgba(var(--ag-a-rgb),.13),transparent 70%),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/34px 34px,linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/34px 34px}
.ag-net-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center}
.ag-net .ag-lead{color:rgba(255,255,255,.72)}
.ag-counters{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:430px;margin:22px 0 0;padding:0;list-style:none}
.ag-counters li{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.06)}
.ag-counters b{display:block;color:var(--ag-a);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:900;line-height:1.3}
.ag-counters small{color:rgba(255,255,255,.72);font-size:.82rem}

.ag-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;max-width:520px;margin-top:clamp(24px,4vw,56px);padding:clamp(22px,2.8vw,36px);border-radius:var(--ag-tile);background:var(--ag-card);color:var(--ag-text);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.ag-card-k{display:flex;align-items:center;gap:8px;margin:0;color:var(--ag-a-text);font-size:.88rem;font-weight:800}
.ag-dot{width:11px;height:11px;border-radius:50%;background:var(--ag-a);box-shadow:0 0 0 4px rgba(var(--ag-a-rgb),.25)}
.ag-card-n{margin:0;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:900;line-height:1.5}
.ag-card-c{display:flex;align-items:center;gap:6px;margin:0;color:var(--ag-mute);font-size:.92rem}
.ag-card-c[hidden]{display:none}
.ag-card-c .ag-i{width:17px;height:17px;color:var(--ag-text)}
.ag-card-c b{color:var(--ag-text)}
.ag-card .ag-btn{margin-top:14px}

/* نقشه */
.ag-map{position:relative}
.ag-geo{display:block;width:100%;height:auto;max-height:600px;overflow:visible}
.ag-gp{fill:#f3f5f8;stroke:rgba(var(--ag-deep-rgb),.6);stroke-width:1.1;stroke-linejoin:round;cursor:pointer;vector-effect:non-scaling-stroke;outline:0;transition:fill .2s}
.ag-gp:hover,.ag-gp:focus{fill:#e3e7ee}
.ag-gp.is-agent{fill:var(--ag-a);fill-opacity:.5}
.ag-gp.is-agent:hover,.ag-gp.is-agent:focus{fill-opacity:.8}
.ag-gl{font:800 15px Vazirmatn,system-ui,sans-serif;fill:var(--ag-deep);pointer-events:none;opacity:.85;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ag-gl.is-lift{transform:translateY(-14px)}
.ag-gdot{fill:var(--ag-deep);opacity:.75;pointer-events:none;transition:transform .5s cubic-bezier(.2,.8,.2,1),r .3s}
.ag-gdot.is-lift{transform:translateY(-8px);fill:#fff;stroke:var(--ag-deep);stroke-width:2.2;r:6;opacity:1}
.ag-gx{pointer-events:none}
.ag-gx path{transform:translateY(calc(var(--y,0) * 1px));animation:agRise .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes agRise{from{transform:translateY(0)}}
.ag-gsh{fill:#000;opacity:.35;filter:url(#ag-blur)}
.ag-gside{fill:var(--ag-a);stroke:var(--ag-a);stroke-width:1;stroke-linejoin:round;filter:brightness(.72)}
.ag-gtop{fill:var(--ag-a);stroke:rgba(255,255,255,.7);stroke-width:1.2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ag-tip{position:absolute;z-index:3;display:flex;flex-direction:column;gap:4px;padding:12px 20px;border-radius:14px;background:#fff;color:var(--ag-text);box-shadow:0 18px 36px -16px rgba(0,0,0,.55);pointer-events:none;white-space:nowrap;transition:left .25s,top .25s}
.ag-tip[hidden]{display:none}
.ag-tip b{font-size:1rem;font-weight:900}
.ag-tip small{color:#6b7686;font-size:.8rem}
.ag-credit{margin:12px 0 0;color:rgba(255,255,255,.4);font-size:.7rem;text-align:end}

/* فرم درخواست */
.ag-req{display:grid;grid-template-columns:.95fr 1.05fr;overflow:hidden;border-radius:var(--ag-tile);background:var(--ag-card);box-shadow:inset 0 0 0 1px var(--ag-line);scroll-margin-top:90px}
.ag-req-t{display:flex;flex-direction:column;padding:clamp(26px,3.6vw,48px);background:var(--ag-deep);color:#fff}
.ag-req-t .ag-h2{font-size:clamp(1.35rem,2.2vw,1.8rem)}
.ag-checks{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}
.ag-checks li{display:flex;align-items:flex-start;gap:10px;font-weight:600;line-height:1.8;color:rgba(255,255,255,.9)}
.ag-checks .ag-i{width:22px;height:22px;margin-top:2px;color:var(--ag-a)}
.ag-form{padding:clamp(22px,3vw,44px);color:var(--ag-text)}
.ag-hp{position:absolute;inset-inline-start:-9999px;height:0;overflow:hidden}
.ag-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.ag-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.ag-field.is-full{grid-column:1/-1}
.ag-field label{font-size:.82rem;font-weight:700}
.ag-field label b{color:#dc2626}
.ag-opt{color:var(--ag-mute);font-weight:400}
.ag-in{position:relative;display:flex;align-items:center}
.ag-in>.ag-i{position:absolute;inset-inline-start:14px;color:var(--ag-mute);pointer-events:none}
.ag-in input,.ag-in select,.ag-field textarea{width:100%;min-height:50px;padding:10px 14px;padding-inline-start:44px;border:1.5px solid rgba(22,24,29,.18);border-radius:14px;background:#fff;color:var(--ag-text);font:inherit;font-size:16px;outline:0;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.ag-in select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px;background-position:left 14px center;padding-inline-end:40px}
.ag-field textarea{min-height:100px;padding-inline-start:14px;resize:vertical}
.ag-in input[dir=ltr]{padding-left:14px;padding-right:44px;text-align:right}
.ag-in input:focus,.ag-in select:focus,.ag-field textarea:focus{border-color:var(--ag-deep);box-shadow:0 0 0 4px rgba(var(--ag-a-rgb),.25)}
.ag-field.has-err input,.ag-field.has-err select,.ag-field.has-err textarea{border-color:#dc2626}
.ag-ferr{color:#dc2626;font-size:.78rem}
.ag-ferr:empty{display:none}
.ag-note{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;color:var(--ag-mute);font-size:.82rem;line-height:1.8}
.ag-note .ag-i{width:16px;height:16px;margin-top:3px}
.ag-form-end{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px}
.ag-msg{display:flex;align-items:flex-start;gap:8px;margin:0 0 18px;padding:12px 16px;border-radius:12px;font-size:.9rem;font-weight:600;line-height:1.8}
.ag-msg.is-ok{background:#ecfdf3;color:#166534}
.ag-msg.is-err{background:#fef2f2;color:#991b1b}
.ag-msg .ag-i{margin-top:3px}

@media(max-width:900px){
  .ag-net-grid,.ag-req{grid-template-columns:1fr}
  .ag-map{order:-1}
  .ag-card{margin-top:22px;max-width:none}
  .ag-tip{display:none}
  .ag-gl{font-size:11px}
}
@media(max-width:560px){.ag-fields{grid-template-columns:1fr}.ag-btn.is-lg{width:100%}}
@media(prefers-reduced-motion:reduce){.ag-gx path,.ag-gl,.ag-gdot{animation:none;transition:none}}
.ag-net .ag-lead{max-width:none;font-size:.92rem}@media(min-width:1024px){.ag-net .ag-lead{white-space:nowrap}}