/* M2A Group — Sector 05 Import & Export Globe
   Shared bilingual visual layer. Scoped to data-sector="import-export". */
body.sector-detail-v9[data-sector="import-export"] .sd-hero{
  background:
    radial-gradient(circle at 82% 25%,rgba(30,58,138,.34),transparent 29%),
    radial-gradient(circle at 18% 20%,rgba(67,230,223,.12),transparent 25%),
    linear-gradient(145deg,#040a14 0%,#071525 48%,#050b12 100%)!important;
}
body.sector-detail-v9[data-sector="import-export"] .sd-sector-index strong{
  border-color:rgba(96,165,250,.34)!important;
  background:rgba(30,58,138,.20)!important;
  color:#dbeafe!important;
}
body.sector-detail-v9[data-sector="import-export"] .trade-globe-frame{
  min-height:620px!important;
  background:
    radial-gradient(circle at 50% 46%,rgba(30,58,138,.22),transparent 38%),
    radial-gradient(circle at 50% 50%,rgba(67,230,223,.055),transparent 58%),
    linear-gradient(145deg,#07101c,#03070c 76%)!important;
  border-color:rgba(96,165,250,.28)!important;
  isolation:isolate;
}
body.sector-detail-v9[data-sector="import-export"] .trade-globe-frame::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.42;
  background-image:
    linear-gradient(rgba(96,165,250,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(96,165,250,.045) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:radial-gradient(circle at 50% 45%,#000 0 32%,transparent 75%);
}
body.sector-detail-v9[data-sector="import-export"] .trade-globe-frame::after{
  z-index:1!important;
  background:linear-gradient(180deg,rgba(2,8,14,.02) 38%,rgba(2,7,12,.84) 100%)!important;
}
.trade-globe-stage{
  position:absolute;inset:0;z-index:1;display:grid;place-items:center;
  padding:66px 46px 142px;overflow:hidden;perspective:1000px;
}
.trade-globe-aura{
  position:absolute;width:510px;height:510px;border-radius:50%;
  background:radial-gradient(circle,rgba(37,99,235,.18),rgba(14,165,233,.07) 42%,transparent 69%);
  filter:blur(2px);animation:tradeAura 5.8s ease-in-out infinite;
}
.trade-globe{
  position:relative;width:min(430px,82%);aspect-ratio:1;border-radius:50%;overflow:visible;
  transform:rotateX(7deg) rotateZ(-5deg);
  filter:drop-shadow(0 34px 55px rgba(0,0,0,.48));
  animation:tradeGlobeFloat 7s ease-in-out infinite;
}
.trade-globe::before{
  content:"";position:absolute;inset:2%;z-index:-1;border-radius:50%;
  background:
    radial-gradient(circle at 32% 26%,rgba(219,234,254,.18),transparent 18%),
    radial-gradient(circle at 52% 46%,rgba(37,99,235,.21),transparent 52%),
    radial-gradient(circle at 50% 52%,#091a2e 0%,#06111f 70%,#03070c 100%);
  border:1px solid rgba(147,197,253,.26);
  box-shadow:
    inset -34px -20px 68px rgba(0,0,0,.58),
    inset 20px 14px 44px rgba(59,130,246,.08),
    0 0 0 14px rgba(30,58,138,.055),
    0 0 85px rgba(37,99,235,.18);
}
.trade-globe-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.trade-globe-svg .globe-edge{fill:none;stroke:rgba(147,197,253,.30);stroke-width:1.35}
.trade-globe-svg .grid-line{fill:none;stroke:rgba(125,211,252,.18);stroke-width:1}
.trade-globe-svg .continent{
  fill:rgba(37,99,235,.18);stroke:rgba(125,211,252,.28);stroke-width:.8;
  filter:drop-shadow(0 0 6px rgba(56,189,248,.10));
}
.trade-globe-svg .trade-route{
  fill:none;stroke:url(#tradeRouteGradient);stroke-width:2.1;stroke-linecap:round;
  stroke-dasharray:5 9;filter:drop-shadow(0 0 5px rgba(67,230,223,.55));
  animation:tradeRouteMove 4.8s linear infinite;
}
.trade-globe-svg .trade-route.route-b{animation-duration:5.6s;animation-direction:reverse;opacity:.78}
.trade-globe-svg .trade-route.route-c{animation-duration:4.2s;opacity:.68}
.trade-globe-svg .trade-node{fill:#67e8f9;stroke:#dbeafe;stroke-width:1.2;filter:drop-shadow(0 0 7px rgba(103,232,249,.88))}
.trade-globe-svg .trade-node.hub{fill:#f0d27b;stroke:#fff5c2;filter:drop-shadow(0 0 8px rgba(240,210,123,.95))}
.trade-globe-ring{
  position:absolute;inset:7%;border:1px solid rgba(96,165,250,.16);border-radius:50%;
  transform:rotateX(72deg) rotateZ(14deg);box-shadow:0 0 24px rgba(37,99,235,.07);
}
.trade-globe-ring.ring-b{inset:2%;transform:rotateX(68deg) rotateZ(-24deg);border-color:rgba(67,230,223,.13)}
.trade-globe-orbit{
  position:absolute;inset:-7%;border-radius:50%;border:1px solid rgba(96,165,250,.12);
  transform:rotateX(66deg) rotateZ(32deg);animation:tradeOrbitSpin 14s linear infinite;
}
.trade-globe-orbit::after{
  content:"";position:absolute;width:8px;height:8px;border-radius:50%;top:49%;right:-4px;
  background:#43e6df;box-shadow:0 0 16px rgba(67,230,223,.9),0 0 0 5px rgba(67,230,223,.08);
}
.trade-globe-label{
  position:absolute;z-index:4;display:flex;align-items:center;gap:7px;padding:8px 10px;
  border:1px solid rgba(148,163,184,.16);border-radius:999px;background:rgba(5,14,25,.82);
  color:#dbeafe;font:800 10px/1.2 'Inter','Cairo',sans-serif;letter-spacing:.08em;
  white-space:nowrap;box-shadow:0 10px 28px rgba(0,0,0,.24);backdrop-filter:blur(10px);
}
.trade-globe-label::before{content:"";width:6px;height:6px;border-radius:50%;background:#43e6df;box-shadow:0 0 10px rgba(67,230,223,.78)}
.trade-globe-label.is-gold::before{background:#f0d27b;box-shadow:0 0 10px rgba(240,210,123,.78)}
.trade-globe-label.label-egypt{left:12%;top:44%}
.trade-globe-label.label-gulf{right:9%;top:32%}
.trade-globe-label.label-europe{left:18%;top:20%}
.trade-globe-label.label-asia{right:3%;top:55%}
.trade-globe-label.label-africa{left:15%;bottom:24%}
.trade-globe-status{
  position:absolute;z-index:4;top:28px;left:28px;display:flex;align-items:center;gap:8px;
  color:#bfdbfe;font:900 10px/1 'Inter','Cairo',sans-serif;letter-spacing:.12em;text-transform:uppercase;
}
.trade-globe-status i{width:7px;height:7px;border-radius:50%;background:#43e6df;box-shadow:0 0 0 5px rgba(67,230,223,.08),0 0 14px rgba(67,230,223,.55)}
.trade-globe-caption{position:absolute;z-index:4;inset-inline:24px;bottom:24px;padding:18px 20px;border-radius:20px;border:1px solid rgba(96,165,250,.18);background:rgba(3,10,18,.80);backdrop-filter:blur(14px)}
.trade-globe-caption small{display:block;margin-bottom:5px;color:#93c5fd;font:900 10px/1.4 'Inter','Cairo',sans-serif;letter-spacing:.12em}
.trade-globe-caption strong{display:block;color:#f8fbff;font-size:17px;line-height:1.55}
body.sector-detail-v9[data-sector="import-export"] .trade-globe-caption{display:none!important}

/* Sector 05 desktop hero facts: use the exact Sector 01 card contract.
   No translation or special distribution: same footprint and alignment. */
@media(min-width:1101px){
  body.sector-detail-v9[data-sector="import-export"] .sd-hero-facts{
    transform:none!important;
    width:min(700px,100%)!important;
    max-width:700px!important;
    gap:8px!important;
    margin-top:16px!important;
  }
  html[dir="rtl"] body.sector-detail-v9[data-sector="import-export"] .sd-hero-facts{margin-right:0!important;margin-left:auto!important}
  body.sector-detail-v9[data-sector="import-export"] .sd-hero-fact{
    min-height:0!important;
    padding:10px 12px!important;
    border-radius:14px!important;
  }
  body.sector-detail-v9[data-sector="import-export"] .sd-hero-fact b{
    margin-bottom:3px!important;
    font-size:12.5px!important;
    line-height:1.35!important;
  }
  body.sector-detail-v9[data-sector="import-export"] .sd-hero-fact span{
    font-size:10.5px!important;
    line-height:1.45!important;
  }
  html[dir="ltr"] body.sector-detail-v9[data-sector="import-export"] .sd-hero-facts{
    width:min(660px,100%)!important;
    max-width:660px!important;
    gap:7px!important;
    margin-top:14px!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
  html[dir="ltr"] body.sector-detail-v9[data-sector="import-export"] .sd-hero-fact{
    padding:8px 10px!important;
    border-radius:13px!important;
  }
  html[dir="ltr"] body.sector-detail-v9[data-sector="import-export"] .sd-hero-fact b{
    margin-bottom:2px!important;
    font-size:11.5px!important;
    line-height:1.25!important;
  }
  html[dir="ltr"] body.sector-detail-v9[data-sector="import-export"] .sd-hero-fact span{
    font-size:9.4px!important;
    line-height:1.35!important;
  }
}

@keyframes tradeRouteMove{to{stroke-dashoffset:-56}}
@keyframes tradeOrbitSpin{to{transform:rotateX(66deg) rotateZ(392deg)}}
@keyframes tradeGlobeFloat{0%,100%{transform:rotateX(7deg) rotateZ(-5deg) translateY(0)}50%{transform:rotateX(7deg) rotateZ(-3deg) translateY(-9px)}}
@keyframes tradeAura{0%,100%{transform:scale(.96);opacity:.65}50%{transform:scale(1.04);opacity:1}}

@media(max-width:1100px){
  body.sector-detail-v9[data-sector="import-export"] .trade-globe-frame{min-height:560px!important}
  .trade-globe{width:min(390px,80%)}
  .trade-globe-stage{padding-bottom:132px}
}
@media(max-width:760px){
  body.sector-detail-v9[data-sector="import-export"] .trade-globe-frame{min-height:500px!important;border-radius:28px!important}
  .trade-globe-stage{padding:54px 20px 124px}
  .trade-globe{width:min(320px,86%)}
  .trade-globe-aura{width:370px;height:370px}
  .trade-globe-label{font-size:8.5px;padding:7px 8px;letter-spacing:.06em}
  .trade-globe-label.label-europe{left:8%;top:24%}
  .trade-globe-label.label-gulf{right:4%;top:36%}
  .trade-globe-label.label-egypt{left:5%;top:48%}
  .trade-globe-label.label-asia{right:2%;top:59%}
  .trade-globe-label.label-africa{left:10%;bottom:29%}
  .trade-globe-caption{inset-inline:16px;bottom:16px;padding:15px 16px}
  .trade-globe-caption strong{font-size:14px}
  .trade-globe-status{top:20px;left:18px;font-size:8.5px}
}
@media(max-width:390px){
  body.sector-detail-v9[data-sector="import-export"] .trade-globe-frame{min-height:470px!important}
  .trade-globe{width:min(286px,84%)}
  .trade-globe-stage{padding-top:58px}
  .trade-globe-label.label-africa{display:none}
  .trade-globe-label{font-size:7.8px}
}
@media(prefers-reduced-motion:reduce){
  .trade-globe,.trade-globe-aura,.trade-globe-orbit,.trade-globe-svg .trade-route{animation:none!important}
}