/* =====================================================================
   Arad Theme Global — لایهٔ طراحی تجارت جهانی (روی main.css)
   پالت: اقیانوس شب ‎#050a16، سرمه‌ای ‎#0b1a36، سرمه‌ای عمیق ‎#12264a،
         طلایی ‎#c9a24b، شامپاینی ‎#f0d99a، مه ‎#9fb0cc
   اصل: یک لحظهٔ چشمگیر (کره و افق بندر)؛ بقیهٔ صفحه آرام، دقیق و خوانا.
   ===================================================================== */
:root{--ag-abyss:#050a16;--ag-navy:#0b1a36;--ag-deep:#12264a;--ag-gold:var(--gold,#c9a24b);--ag-champ:var(--gold2,#f0d99a);--ag-mist:#9fb0cc;--ag-ivory:#eef2f8;--ag-hair:rgba(240,217,154,.18);--ag-glass:rgba(13,27,56,.55)}
.ag-sec{padding:clamp(56px,7vw,104px) 0;position:relative}
.ag-head{max-width:640px;margin-bottom:clamp(26px,3.4vw,40px)}
.ag-head h2{font-size:clamp(1.55rem,2.6vw,2.25rem);font-weight:850;line-height:1.4;letter-spacing:-.3px;margin:0 0 8px}
.ag-head p{color:var(--mut);margin:0;font-size:15.5px;line-height:1.95}
.ag-head-row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ag-head-row>div{max-width:640px}
.ag-more{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;color:var(--ag-champ);border-bottom:1px solid var(--ag-hair);padding-bottom:3px;text-decoration:none}
.ag-more:hover{border-color:var(--ag-gold)}
.scheme-light .ag-more{color:var(--gold)}

/* ---------------- Hero: کره، جست‌وجو و افق بندر (همیشه شب) ---------------- */
.ag-hero{position:relative;margin-top:calc(var(--hdr) * -1);padding:calc(var(--hdr) + clamp(28px,4vw,56px)) 0 0;overflow:hidden;isolation:isolate;color:var(--ag-ivory);
	background:radial-gradient(1100px 620px at 22% 46%,rgba(36,74,150,.38),transparent 62%),radial-gradient(800px 420px at 86% 8%,rgba(201,162,75,.10),transparent 70%),linear-gradient(180deg,#040814 0%,var(--ag-abyss) 55%,#060d1e 100%)}
.ag-sky{position:absolute;inset:0;z-index:-1;opacity:.55;pointer-events:none;
	background-image:radial-gradient(1px 1px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 34% 8%,#cfe0ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 57% 22%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 72% 12%,#f0d99a 50%,transparent 51%),radial-gradient(1px 1px at 88% 30%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 6% 40%,#cfe0ff 50%,transparent 51%),radial-gradient(1px 1px at 46% 36%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 94% 6%,#fff 50%,transparent 51%);
	background-size:520px 360px}
.ag-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center;min-height:min(640px,calc(100svh - var(--hdr) - 120px));padding-bottom:clamp(120px,13vw,190px)}
.ag-copy{position:relative;z-index:2}
.ag-route{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:7px 14px 7px 16px;border:1px solid var(--ag-hair);border-radius:999px;font-size:14px;color:var(--ag-champ);background:rgba(201,162,75,.06)}
.ag-flag{font-size:17px;line-height:1;display:inline-flex}
/* پرچم‌ها: تصویر SVG با قاب ظریف (در ویندوز هم دیده می‌شود) */
.ag-fl{display:block;width:22px;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 2px 6px rgba(0,0,0,.28)}
.ag-flag .ag-fl{width:20px}
.ag-panel li .ag-fl{width:22px}
.ag-hero h1{font-size:clamp(2.15rem,4.5vw,3.85rem);font-weight:900;line-height:1.28;letter-spacing:-.8px;margin:0 0 18px;color:#fff;text-wrap:balance;max-width:15ch}
.ag-sub{font-size:clamp(15.5px,1.25vw,17.5px);line-height:2;color:#c3cde0;max-width:54ch;margin:0 0 28px;text-align:justify}
.ag-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.ag-hero .btn-glass{color:#fff;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16)}

/* جست‌وجوی بازار */
.ag-search{display:grid;grid-template-columns:1.35fr 1fr 1fr auto;gap:0;align-items:stretch;background:var(--ag-glass);border:1px solid rgba(240,217,154,.22);border-radius:calc(var(--r) + 4px);padding:6px;box-shadow:0 24px 60px rgba(0,0,0,.35);max-width:760px}
.ag-f{display:flex;flex-direction:column;justify-content:center;padding:8px 14px;min-width:0;position:relative}
.ag-f+.ag-f::before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:1px;background:rgba(255,255,255,.1)}
.ag-f span{font-size:12px;color:var(--ag-mist);margin-bottom:2px}
.ag-f input,.ag-f select{all:unset;box-sizing:border-box;width:100%;font:600 14.5px/1.6 inherit;color:#fff;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ag-f input{cursor:text}
.ag-f input::placeholder{color:rgba(220,228,245,.5);font-weight:500}
.ag-f select option{color:#0b1226;background:#fff}
.ag-f:focus-within{background:rgba(255,255,255,.05);border-radius:var(--r-sm)}
.ag-go{border-radius:var(--r);padding:0 22px;gap:8px}
.ag-go .i{width:18px;height:18px}

/* کره */
.ag-globe{position:relative;aspect-ratio:1/1;width:min(100%,640px);justify-self:center;margin-inline:auto}
.ag-globe canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y;opacity:0;transition:opacity 1.2s ease}
.ag-globe canvas:active{cursor:grabbing}
.ag-globe.is-ready canvas{opacity:1}
.ag-panel{position:absolute;z-index:2;background:rgba(10,22,48,.62);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:12px 16px;box-shadow:0 18px 40px rgba(0,0,0,.4);color:#e8eef9;font-size:13.5px}
.ag-panel b{display:block;font-size:12.5px;color:var(--ag-mist);font-weight:600;margin-bottom:6px}
.ag-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ag-panel li{display:grid;grid-template-columns:22px 1fr;column-gap:8px;align-items:center;font-weight:700}
.ag-panel li small{grid-column:2;font-weight:500;color:var(--ag-mist);font-size:11.5px;margin-top:-4px}
.ag-panel-routes{top:12%;inset-inline-end:-2%;min-width:190px}
.ag-panel-stat{bottom:16%;inset-inline-start:2%;text-align:start}
.ag-panel-stat b{font-size:28px;color:var(--ag-champ);font-weight:900;margin:0;line-height:1.2}
.ag-panel-stat span{color:var(--ag-mist);font-size:12.5px}

/* افق بندر */
.ag-horizon{position:absolute;inset-inline:0;bottom:0;height:clamp(150px,16vw,240px);z-index:1;pointer-events:none}
.ag-horizon svg{display:block;width:100%;height:100%}

/* ---------------- داشبورد فرصت‌ها ---------------- */
.ag-dash{padding-top:0;padding-bottom:clamp(36px,4.5vw,64px);margin-top:calc(clamp(28px,4vw,52px) * -1);z-index:3;background:linear-gradient(180deg,#060d1e 0,var(--bg) 70%)}
.scheme-light .ag-dash{background:linear-gradient(180deg,#060d1e 0,#060d1e 38%,var(--bg) 38%)}
.ag-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);grid-template-rows:auto 1fr;gap:18px 32px;padding:clamp(22px,3vw,36px);border-radius:calc(var(--r) + 8px);background:linear-gradient(160deg,rgba(18,38,74,.92),rgba(8,17,38,.96));border:1px solid var(--ag-hair);box-shadow:0 40px 90px rgba(0,0,0,.45);color:var(--ag-ivory)}
.ag-board-h{grid-column:1}
.ag-board-h h2{font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:850;margin:0 0 6px;color:#fff}
.ag-board-h p{margin:0;color:var(--ag-mist);font-size:14.5px}
.ag-kpis{grid-column:1;grid-row:2;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.08);border-radius:var(--r);overflow:hidden;align-self:start}
.ag-kpis li{background:#0b1834;padding:18px 18px 16px}
.ag-kpis b{display:block;font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:900;color:var(--ag-champ);line-height:1.2;font-variant-numeric:tabular-nums}
.ag-kpis span{font-size:13px;color:var(--ag-mist)}
.ag-opps{grid-column:2;grid-row:1/3;display:flex;flex-direction:column}
.ag-opps ol{list-style:none;margin:0 0 14px;padding:0;border-top:1px solid rgba(255,255,255,.08)}
.ag-opps li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:14px 2px;border-bottom:1px solid rgba(255,255,255,.08)}
.ag-o-flag{font-size:20px;display:flex;justify-content:center}
.ag-o-flag .ag-fl{width:26px;border-radius:4px}
.ag-fl-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--ag-champ);opacity:.7}
.ag-opps li>a{color:#fff;font-weight:700;font-size:15px;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-opps li>a:hover{color:var(--ag-champ)}
.ag-o-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;font-size:12.5px;color:var(--ag-mist)}
.ag-o-meta>*{white-space:nowrap}
.ag-o-meta>*+*::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:rgba(240,217,154,.5);margin-inline-end:8px;vertical-align:middle}
.ag-o-dl{color:var(--ag-champ)}
.ag-empty{color:var(--ag-mist);border:1px dashed rgba(255,255,255,.18);border-radius:var(--r);padding:20px;margin:0}
.ag-opps .ag-more{align-self:flex-start}

/* ---------------- بازارهای هدف ---------------- */
.ag-m-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);overflow:hidden}
.ag-m{background:var(--bg)}
.ag-m a{display:flex;flex-direction:column;gap:8px;height:100%;padding:22px 20px 20px;color:var(--txt);text-decoration:none;transition:background .3s}
.ag-m a:hover{background:color-mix(in srgb,var(--gold) 7%,var(--bg))}
.ag-m-flag{line-height:1;display:inline-flex;align-self:flex-start;padding:4px;border-radius:10px;background:color-mix(in srgb,var(--gold) 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 22%,transparent);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.ag-m-flag .ag-fl{width:44px;border-radius:6px;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.16)}
.ag-m a:hover .ag-m-flag{transform:translateY(-2px) rotate(-2deg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 45%,transparent)}
.ag-fl-ph{display:grid;place-items:center;width:44px;aspect-ratio:4/3;border-radius:6px;font-style:normal;font-weight:800;color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--bg))}
@media (prefers-reduced-motion:reduce){.ag-m a:hover .ag-m-flag{transform:none}}
.ag-m-name{font-weight:800;font-size:17px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ag-m-name small{font-weight:500;font-size:12.5px;color:var(--mut)}
.ag-m-text{color:var(--mut);font-size:14px;line-height:1.85}
.ag-m-metric{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);font-size:13px;color:var(--mut);display:flex;gap:8px;align-items:baseline}
.ag-m-metric b{color:var(--gold);font-size:16px}

/* ---------------- دسته‌بندی محصولات ---------------- */
.ag-cats{background:var(--bg2)}
.ag-c-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ag-c{position:relative;display:flex;align-items:flex-end;min-height:150px;padding:18px;border-radius:var(--r);overflow:hidden;text-decoration:none;color:#fff;background:linear-gradient(150deg,var(--ag-deep),var(--ag-navy));border:1px solid var(--line);isolation:isolate}
.ag-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s var(--ease)}
.ag-c::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,10,22,.88),rgba(5,10,22,.25) 70%)}
.ag-c:hover img{transform:scale(1.05)}
.ag-c::after{content:"";position:absolute;top:18px;inset-inline-start:18px;width:26px;height:2px;background:var(--ag-gold)}
.ag-c-t b{display:block;font-size:16.5px;font-weight:800}
.ag-c-t small{color:#c3cde0;font-size:13px}

/* ---------------- خدمات ---------------- */
.ag-s-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.ag-s{display:block;padding:28px 22px 26px;color:var(--txt);text-decoration:none;border-bottom:1px solid var(--line);transition:background .3s}
.ag-s+.ag-s{border-inline-start:1px solid var(--line)}
.ag-s:hover{background:color-mix(in srgb,var(--gold) 6%,transparent)}
.ag-s-ico{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);margin-bottom:16px}
.ag-s-ico .i{width:22px;height:22px}
.ag-s h3{font-size:17px;font-weight:800;margin:0 0 8px}
.ag-s p{margin:0;color:var(--mut);font-size:14.5px;line-height:1.95;text-align:justify}

/* ---------------- فرایند (ترتیب واقعی) ---------------- */
.ag-process{background:var(--bg2)}
.ag-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;counter-reset:s;position:relative}
.ag-steps::before{content:"";position:absolute;top:22px;inset-inline:22px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.55}
.ag-steps li{position:relative}
.ag-step-n{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--bg);border:1px solid var(--gold);color:var(--gold);font-weight:900;font-size:17px;margin-bottom:14px}
.ag-steps h3{font-size:16px;font-weight:800;margin:0 0 6px}
.ag-steps p{margin:0;color:var(--mut);font-size:14px;line-height:1.9}

/* ---------------- مقالات ---------------- */
.ag-b-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.ag-b-media{display:block;aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;background:var(--bg2);margin-bottom:14px}
.ag-b-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.ag-b:hover .ag-b-media img{transform:scale(1.04)}
.ag-b-ph{display:grid;place-items:center;height:100%;color:var(--gold);opacity:.6}
.ag-b time{font-size:13px;color:var(--mut)}
.ag-b h3{font-size:17px;font-weight:800;line-height:1.7;margin:4px 0 6px}
.ag-b h3 a{color:var(--txt);text-decoration:none}
.ag-b h3 a:hover{color:var(--gold)}
.ag-b p{margin:0;color:var(--mut);font-size:14.5px;line-height:1.9;text-align:justify}

/* ---------------- فرم همکاری ---------------- */
.ag-lead{background:radial-gradient(800px 400px at 85% 20%,rgba(201,162,75,.12),transparent 70%),linear-gradient(180deg,var(--ag-navy),var(--ag-abyss));color:var(--ag-ivory)}
.ag-l-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center}
.ag-l-copy h2{font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:900;line-height:1.35;margin:0 0 12px;color:#fff}
.ag-l-copy p{color:#c3cde0;line-height:2;margin:0 0 18px;text-align:justify}
.ag-checks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ag-checks li{position:relative;padding-inline-start:26px;color:#e3e9f5}
.ag-checks li::before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:14px;height:2px;background:var(--ag-gold)}
.ag-l-form{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:calc(var(--r) + 6px);padding:clamp(18px,2.4vw,28px)}
.ag-lead .ag-l-form{--txt:#eef2f8;--mut:#aab6cc;--field:#0f1d3d;--field-b:rgba(255,255,255,.18);--label:#dde3f0;color:var(--txt)}

/* ---------------- پاسخ‌گو ---------------- */
@media (max-width:1100px){
	.ag-m-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
	.ag-c-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
	.ag-s-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ag-s:nth-child(3){border-inline-start:0}
	.ag-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
	.ag-steps::before{display:none}
}
@media (max-width:900px){
	.ag-hero-grid{grid-template-columns:1fr;min-height:0;padding-bottom:clamp(150px,30vw,200px)}
	.ag-globe{order:-1;width:min(86vw,440px);margin-bottom:-6px}
	.ag-panel-routes{inset-inline-end:-4px;top:4%;min-width:0}
	.ag-hero h1{max-width:none}
	.ag-search{grid-template-columns:1fr 1fr;max-width:none}
	.ag-f-q{grid-column:1/-1}
	.ag-f-q+.ag-f::before{display:none}
	.ag-go{grid-column:1/-1;height:48px;margin-top:4px}
	.ag-board{grid-template-columns:1fr}
	.ag-kpis,.ag-opps{grid-column:1;grid-row:auto}
	.ag-l-grid{grid-template-columns:1fr}
	.ag-b-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
	.ag-hero{padding-top:calc(var(--hdr) + 14px)}
	.ag-route{font-size:12.5px;margin-bottom:12px}
	.ag-hero h1{font-size:clamp(1.8rem,8vw,2.3rem);letter-spacing:-.4px}
	.ag-ctas .btn{flex:1 1 auto}
	.ag-search{grid-template-columns:1fr}
	.ag-f+.ag-f::before{display:block;inset-block:0 auto;inset-inline:14px;width:auto;height:1px}
	.ag-f-q+.ag-f::before{display:block}
	.ag-panel{display:none}
	.ag-hero-grid{padding-bottom:130px}
	.ag-m-grid{grid-template-columns:1fr 1fr}
	.ag-m a{padding:16px 14px}
	.ag-m-text{display:none}
	.ag-c-grid{grid-template-columns:1fr 1fr;gap:10px}
	.ag-c{min-height:120px;padding:40px 14px 14px}
	.ag-c::after{top:16px;inset-inline-start:14px}
	.ag-s-grid{grid-template-columns:1fr}
	.ag-s+.ag-s{border-inline-start:0}
	.ag-steps{grid-template-columns:1fr;gap:0}
	.ag-steps li{display:grid;grid-template-columns:44px 1fr;column-gap:14px;padding-bottom:20px}
	.ag-step-n{grid-row:span 2;margin:0}
	.ag-steps li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:21px;top:48px;bottom:2px;width:1px;background:color-mix(in srgb,var(--gold) 50%,transparent)}
	.ag-b-grid{grid-template-columns:1fr}
	.ag-opps li{grid-template-columns:26px minmax(0,1fr)}
	.ag-o-meta{grid-column:2;justify-content:flex-start}
	.ag-kpis li{padding:14px}
}
@media (prefers-reduced-motion:reduce){.ag-globe canvas{transition:none}}
/* WooCommerce (اختیاری) */
.ag-woo ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;list-style:none;margin:0;padding:0}
.ag-woo ul.products::before,.ag-woo ul.products::after{display:none}
.ag-woo ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px}
.ag-woo .button{background:linear-gradient(135deg,var(--gold2),var(--gold))!important;color:var(--on-acc)!important;border-radius:var(--r-sm)!important}