.lepidor-widget .export{background:var(--cream);overflow:hidden}
.lepidor-widget .hero{
  max-width:1672px;margin:auto;padding:26px 64px 28px;position:relative;
  background:
    radial-gradient(circle at 92% 3%,rgba(245,191,50,.09),transparent 23%),
    radial-gradient(circle at 7% 72%,rgba(245,191,50,.05),transparent 25%);
}
.lepidor-widget .hero:after{
  content:"";position:absolute;right:-120px;top:-100px;width:430px;height:430px;border-radius:50%;
  border:1px solid rgba(214,152,26,.14);box-shadow:0 0 0 26px rgba(214,152,26,.025),0 0 0 52px rgba(214,152,26,.02);
}
.lepidor-widget .logo{display:block;width:166px;position:relative;z-index:2}
.lepidor-widget .heroGrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);gap:54px;align-items:center;position:relative;z-index:2}
.lepidor-widget .eyebrow{font-size:15px;color:#c58a1e;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:8px 0 12px}
.lepidor-widget h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(43px,4.2vw,68px);line-height:.98;letter-spacing:-.035em;margin:0;color:#08275b}
.lepidor-widget .copy{max-width:710px;color:#46546d;font-size:16px;line-height:1.5;margin:15px 0 0}
.lepidor-widget .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lepidor-widget .stat{min-height:182px;border-radius:15px;background:rgba(255,255,255,.9);box-shadow:0 12px 34px rgba(23,38,64,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(8,39,91,.04)}
.lepidor-widget .stat i{font-style:normal;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f7efe2;color:#bf8515;font-size:19px}
.lepidor-widget .stat b{font:500 50px/1 Georgia,"Times New Roman",serif;margin-top:8px}
.lepidor-widget .stat span{font-size:14px;margin-top:6px}
.lepidor-widget .stat:after{content:"";width:38px;height:3px;background:#cf9016;border-radius:4px;margin-top:12px}
.lepidor-widget .mapPanel{max-width:1672px;margin:auto;padding-bottom:50px;border-radius:34px;background:linear-gradient(180deg,#082f6a,#032255);overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.lepidor-widget .tabs{position:relative;z-index:10;display:flex;justify-content:center;gap:18px;padding:23px 20px 15px}
.lepidor-widget .tab{min-width:108px;padding:10px 25px;border:1px solid rgba(255,255,255,.40);border-radius:999px;background:transparent;color:#fff;font-weight:700;cursor:pointer;transition:.2s ease}
.lepidor-widget .tab:hover{border-color:#fff;transform:translateY(-1px)}
.lepidor-widget .tab.active{background:linear-gradient(#ffd35a,#efae1e);border-color:#ffe18b;color:#06285d;box-shadow:0 6px 18px rgba(245,191,50,.20)}
.lepidor-widget .mapStage{position:relative;aspect-ratio:2000/857;min-height:540px;overflow:hidden;background:
 radial-gradient(circle at 53% 45%,rgba(44,104,191,.30),transparent 31%),
 linear-gradient(180deg,#082f6b,#032154)}
.lepidor-widget .mapStage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:18px 18px;opacity:.14;mask-image:linear-gradient(90deg,#000,transparent 35%,transparent 67%,#000);pointer-events:none}
.lepidor-widget .le-map{position:absolute;inset:4% 2.5% 3%;width:95%;height:93%;overflow:visible}
.lepidor-widget .le-map > path{fill:#10478d;stroke:#2861a8;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.82;transition:fill .25s ease,opacity .25s ease,filter .25s ease}
.lepidor-widget .le-map > path:hover{fill:#1b5dab;opacity:1;filter:drop-shadow(0 0 4px rgba(68,133,222,.45))}
.lepidor-widget .le-map > path.region-muted{opacity:.18}
.lepidor-widget .le-map > path.region-active{fill:#1758a6;opacity:1}
.lepidor-widget .le-map > path.export-country{fill:#15549e;opacity:1}
.lepidor-widget .le-map > path.country-focus{fill:#f0b72c;stroke:#ffe18a;opacity:1;filter:drop-shadow(0 0 6px rgba(245,191,50,.55))}
.lepidor-widget .le-map > path.tunisia{fill:#f5bf32;stroke:#fff1b0;stroke-width:1.8;opacity:1;filter:drop-shadow(0 0 8px rgba(245,191,50,.75))}
.lepidor-widget .le-route-layer .export-route{fill:none;stroke:#f6c542;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:7 6;opacity:.85;filter:drop-shadow(0 0 4px rgba(245,191,50,.45));animation:dash 14s linear infinite}
.lepidor-widget .le-route-layer .export-route.minor{stroke-width:1.35;opacity:.63}
.lepidor-widget .le-route-layer .route-hidden{opacity:.055!important}
@keyframes  dash{to{stroke-dashoffset:-240}}
.lepidor-widget .le-marker-layer .halo{fill:rgba(245,191,50,.11);stroke:rgba(255,221,108,.45);stroke-width:1;transform-box:fill-box;transform-origin:center;animation:pulse 2.5s ease-out infinite}
.lepidor-widget .le-marker-layer .dot{fill:#ffd457;stroke:#fff2bd;stroke-width:1.2;filter:drop-shadow(0 0 6px #f5bf32)}
.lepidor-widget .le-marker-layer .marker-hidden{opacity:.07}
@keyframes  pulse{0%{transform:scale(.5);opacity:.9}70%,100%{transform:scale(1.8);opacity:0}}
.lepidor-widget .countryCard{position:absolute;z-index:8;min-width:190px;padding:14px 16px;color:white;background:rgba(4,34,79,.86);border:1px solid rgba(245,191,50,.45);border-radius:12px;box-shadow:0 15px 36px rgba(0,0,0,.22);backdrop-filter:blur(9px);transition:.22s ease}
.lepidor-widget .countryCard:hover{transform:translateY(-3px);border-color:#f5bf32}
.lepidor-widget .countryCard .row{display:flex;gap:10px;align-items:center}
.lepidor-widget .countryCard .flag{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:18px}
.lepidor-widget .countryCard h3{font-size:17px;margin:0}
.lepidor-widget .countryCard .reg{font-size:12px;color:#f6c542;margin:5px 0 8px 40px}
.lepidor-widget .countryCard .from{font-size:11px;color:#d4deee;margin-left:40px}
.lepidor-widget .cardCanada{left:10%;top:23%}
.lepidor-widget .cardFrance{left:43%;top:8%}
.lepidor-widget .cardIvory{left:31%;top:59%}
.lepidor-widget .cardSaudi{right:10%;top:51%}
.lepidor-widget .originCard{position:absolute;z-index:9;left:52.3%;top:57%;transform:translateX(-50%);width:140px;text-align:center;padding:12px 10px 14px;border-radius:12px;color:#06285d;background:linear-gradient(155deg,#ffe17c,#efb72f);border:1px solid #ffebaa;box-shadow:0 16px 36px rgba(0,0,0,.24),0 0 28px rgba(245,191,50,.18)}
.lepidor-widget .originCard .f{width:48px;height:32px;border-radius:4px;background:#e51d31;box-shadow:0 0 0 2px rgba(255,255,255,.9);overflow:hidden;margin:0 auto 7px}
.lepidor-widget .originCard .f img{display:block;width:100%;height:100%;object-fit:cover}
.lepidor-widget .originCard b{display:block;font:700 20px Georgia,serif}
.lepidor-widget .originCard small{display:block;color:#8b6116;margin:3px 0 10px}
.lepidor-widget .originCard em{font-style:normal;font-size:11px;font-weight:800}
.lepidor-widget .legend{position:absolute;z-index:8;left:4%;bottom:35px;color:white;background:rgba(4,31,73,.76);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:14px 18px;font-size:12px;backdrop-filter:blur(8px)}
.lepidor-widget .legend div{display:flex;gap:10px;align-items:center}
.lepidor-widget .legend div+div{margin-top:10px}
.lepidor-widget .legend .pin{width:12px;height:12px;border-radius:50%;background:#f5bf32;box-shadow:0 0 12px #f5bf32}
.lepidor-widget .legend .line{width:28px;border-top:2px dashed #f5bf32}
.lepidor-widget .tooltip{position:fixed;z-index:1000;pointer-events:none;opacity:0;transform:translateY(7px);transition:.13s ease;background:#fff;color:#06285d;border-radius:10px;padding:10px 13px;min-width:165px;box-shadow:0 14px 35px rgba(0,0,0,.2)}
.lepidor-widget .tooltip.show{opacity:1;transform:none}
.lepidor-widget .tooltip b{display:block;font-size:13px}
.lepidor-widget .tooltip span{display:block;color:#748198;font-size:11px;margin-top:3px}
@media (max-width:1050px){.lepidor-widget .hero{padding:24px 28px}
.lepidor-widget .heroGrid{grid-template-columns:1fr;gap:26px}
.lepidor-widget .stats{max-width:760px}
.lepidor-widget .mapPanel{border-radius:25px 25px 0 0}
.lepidor-widget .mapStage{min-height:520px;aspect-ratio:auto;height:620px}
.lepidor-widget .le-map{width:1150px;height:auto;left:50%;right:auto;top:70px;transform:translateX(-50%)}
.lepidor-widget .cardCanada{left:3%;top:27%}
.lepidor-widget .cardFrance{left:39%;top:7%}
.lepidor-widget .cardIvory{left:25%;top:60%}
.lepidor-widget .cardSaudi{right:3%;top:52%}}
@media (max-width:720px){.lepidor-widget .hero{padding:18px 16px 20px}
.lepidor-widget .logo{width:135px}
.lepidor-widget h1{font-size:40px}
.lepidor-widget .copy{font-size:14px}
.lepidor-widget .stats{gap:8px}
.lepidor-widget .stat{min-height:118px}
.lepidor-widget .stat b{font-size:33px}
.lepidor-widget .tabs{gap:8px;flex-wrap:wrap;padding:16px 10px}
.lepidor-widget .tab{min-width:auto;padding:8px 14px;font-size:12px}
.lepidor-widget .mapStage{height:500px;min-height:500px}
.lepidor-widget .le-map{width:1040px;top:85px}
.lepidor-widget .countryCard{display:none}
.lepidor-widget .originCard{left:50%;top:60%;transform:translateX(-50%) scale(.82)}
.lepidor-widget .legend{left:14px;bottom:16px}}
.lepidor-widget { --blue:#06285d;--gold:#f5bf32;--cream:#fbf7ef;--ink:#08275b; width:100%; font-family:Inter,Arial,sans-serif; }
.lepidor-widget *{box-sizing:border-box}.lepidor-widget .export{background:var(--cream)}
.lepidor-widget .hero{max-width:none}.lepidor-widget .mapPanel{max-width:none}
.lepidor-widget .le-map{position:absolute;inset:4% 2.5% 3%;width:95%;height:93%;overflow:visible}
.lepidor-widget .countryCard{left:var(--pos-x,20%);top:var(--pos-y,20%);right:auto;display:block;text-decoration:none;min-width:150px;max-width:240px}
.lepidor-widget .countryCard .flag img{width:30px;height:23px;object-fit:cover;border-radius:3px}
.lepidor-widget .le-card-hidden{opacity:.12!important;pointer-events:none!important}
.lepidor-widget .le-map .le-route-layer .export-route{fill:none;stroke:var(--gold);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:7 6;opacity:.85;animation:dash 14s linear infinite}
.lepidor-widget .le-map .le-route-layer .export-route.minor{stroke-width:1.35;opacity:.65}
.lepidor-widget .le-map .le-route-layer .route-hidden{opacity:.055!important}
.lepidor-widget .le-map .le-marker-layer .halo{fill:rgba(245,191,50,.11);stroke:rgba(255,221,108,.45);stroke-width:1;transform-box:fill-box;transform-origin:center;animation:pulse 2.5s ease-out infinite}
.lepidor-widget .le-map .le-marker-layer .dot{fill:var(--gold);stroke:#fff2bd;stroke-width:1.2}
.lepidor-widget .le-map .le-marker-layer .marker-hidden{opacity:.07}
.lepidor-widget .countryCard .flag{overflow:hidden}.lepidor-widget .originCard .f{background:transparent}
.lepidor-widget .le-tooltip{position:fixed;z-index:99999;pointer-events:none;opacity:0;transition:opacity .15s;background:white;color:#06285d;border-radius:10px;padding:9px 12px;box-shadow:0 12px 28px #0004}
.lepidor-widget .le-tooltip.show{opacity:1}.lepidor-widget .le-tooltip span{display:block;font-size:11px;margin-top:3px;color:#64748b}
@media(max-width:720px){.lepidor-widget .countryCard{display:none!important}}

.lepidor-widget .le-map > path{fill:var(--le-land)}
.lepidor-widget .le-map > path.country-focus,.lepidor-widget .le-map > path.tunisia{fill:var(--le-active)!important}
.lepidor-widget .le-map > path.export-country{fill:#15549e}
.lepidor-widget .hero h1{color:var(--ink)}
.lepidor-widget .mapStage{background:var(--blue)}
.lepidor-widget .countryCard h3{color:#fff}
