.gmx-home-stats-section{
    position:relative;
    padding-top:18px;
    padding-bottom:34px;
    overflow:hidden;
}
.gmx-stats-shell{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    border:1px solid rgba(148,163,184,.18);
    border-radius:28px;
    padding:34px;
    background:
        radial-gradient(circle at 12% 4%, rgba(249,115,22,.13), transparent 30%),
        radial-gradient(circle at 82% 6%, rgba(34,211,238,.10), transparent 30%),
        radial-gradient(circle at 95% 95%, rgba(14,165,233,.12), transparent 36%),
        linear-gradient(135deg, rgba(9,14,29,.96), rgba(13,24,46,.88));
    box-shadow:0 24px 76px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.065);
}
body:not(.dark) .gmx-stats-shell{
    background:
        radial-gradient(circle at 12% 4%, rgba(249,115,22,.10), transparent 30%),
        radial-gradient(circle at 82% 6%, rgba(59,130,246,.08), transparent 30%),
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(241,245,249,.86));
    box-shadow:0 24px 70px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.9);
    border-color:rgba(15,23,42,.08);
}
.gmx-stats-shell:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-3;
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size:52px 52px;
    mask-image:linear-gradient(180deg, rgba(0,0,0,.74), transparent 88%);
    animation:gmxStatsGridMove 18s linear infinite;
    pointer-events:none;
}
body:not(.dark) .gmx-stats-shell:before{
    background-image:
        linear-gradient(rgba(15,23,42,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15,23,42,.035) 1px, transparent 1px);
}
.gmx-stats-shell:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.05) 42%, transparent 58%);
    transform:translateX(-105%);
    animation:gmxStatsSoftSweep 9s ease-in-out infinite;
    pointer-events:none;
}
.gmx-stats-orb{
    position:absolute;
    width:260px;
    height:260px;
    border-radius:999px;
    filter:blur(24px);
    opacity:.42;
    z-index:-1;
    animation:gmxStatsFloat 8s ease-in-out infinite;
    pointer-events:none;
}
.gmx-stats-orb-one{
    left:-120px;
    top:-100px;
    background:radial-gradient(circle, rgba(249,115,22,.32), transparent 70%);
}
.gmx-stats-orb-two{
    right:-130px;
    bottom:-120px;
    background:radial-gradient(circle, rgba(34,211,238,.20), transparent 72%);
    animation-delay:-3s;
}
.gmx-stats-orb-three{
    left:42%;
    top:42%;
    width:190px;
    height:190px;
    background:radial-gradient(circle, rgba(99,102,241,.12), transparent 72%);
    animation-delay:-5s;
}
.gmx-stats-bg-icons{
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    overflow:hidden;
}
.gmx-bg-icon{
    position:absolute;
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:16px;
    color:rgba(255,255,255,.20);
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.035);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 12px 35px rgba(0,0,0,.12);
    backdrop-filter:blur(10px);
    animation:gmxStatsIconDrift 13s ease-in-out infinite;
}
body:not(.dark) .gmx-bg-icon{
    color:rgba(15,23,42,.20);
    border-color:rgba(15,23,42,.08);
    background:rgba(255,255,255,.48);
}
.gmx-bg-icon-1{left:9%; bottom:14%; animation-delay:-1s; color:rgba(34,211,238,.24);}
.gmx-bg-icon-2{left:36%; top:11%; animation-delay:-5s; color:rgba(249,115,22,.23);}
.gmx-bg-icon-3{right:17%; bottom:18%; animation-delay:-8s; color:rgba(45,212,191,.23);}
.gmx-bg-icon-4{right:32%; top:22%; animation-delay:-3s; color:rgba(250,204,21,.22);}
.gmx-bg-icon-5{left:18%; top:55%; animation-delay:-10s; color:rgba(34,197,94,.20);}
.gmx-bg-icon-6{right:7%; top:48%; animation-delay:-6s; color:rgba(249,115,22,.21);}
.gmx-stats-head{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:start;
    gap:24px;
    margin-bottom:26px;
}
.gmx-stats-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:max-content;
    max-width:100%;
    padding:8px 13px;
    border:1px solid rgba(249,115,22,.27);
    border-radius:999px;
    background:rgba(249,115,22,.095);
    color:#fb923c;
    font-size:12px;
    font-weight:800;
    letter-spacing:.035em;
    text-transform:uppercase;
    box-shadow:0 14px 34px rgba(249,115,22,.08);
}
.gmx-stats-title{
    max-width:770px;
    margin:14px 0 10px;
    color:#f8fafc;
    font-size:clamp(26px, 3vw, 44px);
    line-height:1.08;
    font-weight:820;
    letter-spacing:-.035em;
    text-wrap:balance;
}
body:not(.dark) .gmx-stats-title{color:#0f172a;}
.gmx-stats-title span{
    background:linear-gradient(90deg, #fb923c, #facc15 45%, #22d3ee);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
.gmx-stats-titlebox p{
    max-width:760px;
    margin:0;
    color:rgba(226,232,240,.70);
    font-size:14px;
    line-height:1.65;
}
body:not(.dark) .gmx-stats-titlebox p{color:rgba(15,23,42,.62);}
.gmx-stats-live-pill{
    flex:0 0 auto;
    display:flex;
    flex-direction:column;
    gap:7px;
    min-width:218px;
    padding:15px 17px;
    border-radius:20px;
    border:1px solid rgba(148,163,184,.18);
    background:rgba(2,6,23,.30);
    backdrop-filter:blur(14px);
    color:#e2e8f0;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 16px 38px rgba(0,0,0,.12);
}
body:not(.dark) .gmx-stats-live-pill{
    color:#0f172a;
    background:rgba(255,255,255,.72);
    border-color:rgba(15,23,42,.08);
}
.gmx-live-main{
    display:flex;
    align-items:center;
    gap:9px;
}
.gmx-stats-live-pill strong{
    font-size:14px;
    font-weight:780;
}
.gmx-stats-live-pill small{
    color:rgba(226,232,240,.58);
    font-size:11.5px;
    font-weight:650;
    white-space:nowrap;
}
body:not(.dark) .gmx-stats-live-pill small{color:rgba(15,23,42,.52);}
.gmx-live-dot{
    flex:0 0 auto;
    width:10px;
    height:10px;
    border-radius:999px;
    background:#22c55e;
    box-shadow:0 0 0 6px rgba(34,197,94,.12), 0 0 18px rgba(34,197,94,.62);
    animation:gmxStatsPulse 1.6s ease-out infinite;
}
.gmx-home-stats-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:16px;
}
.gmx-home-stat-card{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    min-height:222px;
    min-width:0;
    padding:21px;
    border:1px solid rgba(148,163,184,.17);
    border-radius:24px;
    background:
        linear-gradient(180deg, rgba(15,23,42,.66), rgba(15,23,42,.42)),
        radial-gradient(circle at 100% 0%, rgba(249,115,22,.08), transparent 40%);
    box-shadow:0 14px 38px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
    transform-style:preserve-3d;
    transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease;
}
body:not(.dark) .gmx-home-stat-card{
    background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.60));
    box-shadow:0 14px 35px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.9);
    border-color:rgba(15,23,42,.08);
}
.gmx-home-stat-card:hover{
    transform:translateY(-5px);
    border-color:rgba(249,115,22,.34);
    box-shadow:0 18px 46px rgba(0,0,0,.25), 0 18px 46px rgba(249,115,22,.08);
}
.gmx-home-stat-card:before{
    content:"";
    position:absolute;
    inset:-1px;
    opacity:0;
    transition:opacity .28s ease;
    background:linear-gradient(135deg, rgba(249,115,22,.13), transparent 36%, rgba(34,211,238,.10));
    pointer-events:none;
}
.gmx-home-stat-card:hover:before{opacity:1;}
.gmx-home-stat-card-glow{
    position:absolute;
    right:-50px;
    top:-50px;
    width:132px;
    height:132px;
    border-radius:999px;
    background:radial-gradient(circle, rgba(249,115,22,.26), transparent 70%);
    filter:blur(2px);
    transition:transform .35s ease, opacity .35s ease;
}
.gmx-home-stat-card:hover .gmx-home-stat-card-glow{
    opacity:.84;
    transform:scale(1.12);
}
.gmx-home-stat-card-delivery .gmx-home-stat-card-glow{background:radial-gradient(circle, rgba(34,211,238,.24), transparent 70%);}
.gmx-home-stat-card-satisfaction .gmx-home-stat-card-glow{background:radial-gradient(circle, rgba(250,204,21,.27), transparent 70%);}
.gmx-home-stat-card-customers .gmx-home-stat-card-glow{background:radial-gradient(circle, rgba(168,85,247,.23), transparent 70%);}
.gmx-home-stat-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    position:relative;
    z-index:1;
    margin-bottom:20px;
}
.gmx-home-stat-icon{
    flex:0 0 auto;
    width:50px;
    height:50px;
    border-radius:17px;
    display:grid;
    place-items:center;
    color:#fff;
    background:linear-gradient(135deg, #f97316, #fb923c);
    box-shadow:0 12px 28px rgba(249,115,22,.24);
    font-size:19px;
}
.gmx-home-stat-card-customers .gmx-home-stat-icon{background:var(--brand-gradient, linear-gradient(135deg, #FC2203, #f97316)); box-shadow:0 12px 28px var(--brand-glow, rgba(252,34,3,.22));}
.gmx-home-stat-card-delivery .gmx-home-stat-icon{background:linear-gradient(135deg, #06b6d4, #22c55e); box-shadow:0 12px 28px rgba(6,182,212,.22);}
.gmx-home-stat-card-satisfaction .gmx-home-stat-icon{background:linear-gradient(135deg, #f59e0b, #f97316); box-shadow:0 12px 28px rgba(245,158,11,.22);}
.gmx-home-stat-tag{
    flex:0 0 auto;
    padding:5px 10px;
    border-radius:999px;
    border:1px solid rgba(34,197,94,.24);
    background:rgba(34,197,94,.10);
    color:#4ade80;
    font-size:10px;
    font-weight:800;
    letter-spacing:.075em;
    text-transform:uppercase;
}
.gmx-home-stat-content{
    position:relative;
    z-index:1;
    flex:1 1 auto;
    min-width:0;
}
.gmx-home-stat-value{
    display:flex;
    align-items:flex-start;
    gap:5px;
    min-width:0;
    color:#f8fafc;
    line-height:1;
    white-space:nowrap;
}
body:not(.dark) .gmx-home-stat-value{color:#0f172a;}
.gmx-home-stat-number{
    display:inline-block;
    font-size:clamp(35px, 3.25vw, 50px);
    font-weight:820;
    letter-spacing:-.045em;
    white-space:nowrap;
    font-variant-numeric:tabular-nums;
}
.gmx-home-stat-suffix{
    display:inline-block;
    margin-top:4px;
    color:#fb923c;
    font-size:clamp(20px, 2vw, 27px);
    font-weight:820;
    line-height:1;
}
.gmx-home-stat-card h3{
    position:relative;
    z-index:1;
    margin:12px 0 7px;
    color:#f8fafc;
    font-size:16px;
    font-weight:760;
    letter-spacing:-.01em;
    line-height:1.25;
    overflow-wrap:anywhere;
}
body:not(.dark) .gmx-home-stat-card h3{color:#0f172a;}
.gmx-home-stat-card p{
    position:relative;
    z-index:1;
    margin:0;
    color:rgba(226,232,240,.62);
    font-size:12.5px;
    line-height:1.5;
    overflow-wrap:anywhere;
}
body:not(.dark) .gmx-home-stat-card p{color:rgba(15,23,42,.58);}
.gmx-home-stat-progress{
    position:relative;
    z-index:1;
    height:6px;
    margin-top:18px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(148,163,184,.15);
}
.gmx-home-stat-progress span{
    display:block;
    width:var(--gmx-home-stat-progress, 45%);
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg, #fb923c, #facc15);
    box-shadow:0 0 18px rgba(249,115,22,.28);
    transform-origin:left;
    transform:scaleX(.08);
    transition:transform 1.05s cubic-bezier(.16,1,.3,1);
}
.gmx-stats-shell.is-visible .gmx-home-stat-progress span{transform:scaleX(1);}
.gmx-home-stat-card-delivery .gmx-home-stat-progress span{background:linear-gradient(90deg, #06b6d4, #22c55e); box-shadow:0 0 18px rgba(6,182,212,.22);}
.gmx-home-stat-card-customers .gmx-home-stat-progress span{background:linear-gradient(90deg, var(--brand-primary, #FC2203), var(--brand-secondary, #f97316)); box-shadow:0 0 18px var(--brand-glow, rgba(252,34,3,.22));}
.gmx-home-stat-card-satisfaction .gmx-home-stat-progress span{background:linear-gradient(90deg, #f59e0b, #f97316); box-shadow:0 0 18px rgba(245,158,11,.23);}
.gmx-stats-minirow{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:12px;
    margin-top:16px;
}
.gmx-stats-miniitem{
    display:flex;
    align-items:center;
    gap:11px;
    min-width:0;
    padding:13px 15px;
    border:1px solid rgba(148,163,184,.15);
    border-radius:18px;
    background:rgba(2,6,23,.24);
    color:#e2e8f0;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    transition:transform .22s ease, border-color .22s ease, background .22s ease;
}
.gmx-stats-miniitem:hover{
    transform:translateY(-3px);
    border-color:rgba(249,115,22,.30);
    background:rgba(15,23,42,.34);
}
body:not(.dark) .gmx-stats-miniitem{
    background:rgba(255,255,255,.62);
    color:#0f172a;
    border-color:rgba(15,23,42,.08);
}
.gmx-stats-miniitem i{
    flex:0 0 auto;
    color:#fb923c;
    font-size:15px;
}
.gmx-stats-miniitem span{
    flex:1 1 auto;
    min-width:0;
    color:rgba(226,232,240,.66);
    font-size:12px;
    font-weight:720;
    line-height:1.25;
}
body:not(.dark) .gmx-stats-miniitem span{color:rgba(15,23,42,.57);}
.gmx-stats-miniitem strong{
    color:inherit;
    font-size:15px;
    font-weight:800;
    white-space:nowrap;
    font-variant-numeric:tabular-nums;
}
@keyframes gmxStatsFloat{
    0%,100%{transform:translate3d(0,0,0) scale(1);}
    50%{transform:translate3d(16px,-12px,0) scale(1.05);}
}
@keyframes gmxStatsPulse{
    0%{box-shadow:0 0 0 0 rgba(34,197,94,.25), 0 0 18px rgba(34,197,94,.62);}
    70%{box-shadow:0 0 0 9px rgba(34,197,94,0), 0 0 18px rgba(34,197,94,.62);}
    100%{box-shadow:0 0 0 0 rgba(34,197,94,0), 0 0 18px rgba(34,197,94,.62);}
}
@keyframes gmxStatsIconDrift{
    0%,100%{transform:translate3d(0,0,0) rotate(0deg); opacity:.52;}
    50%{transform:translate3d(18px,-18px,0) rotate(8deg); opacity:.78;}
}
@keyframes gmxStatsGridMove{
    0%{background-position:0 0, 0 0;}
    100%{background-position:52px 52px, 52px 52px;}
}
@keyframes gmxStatsSoftSweep{
    0%,56%{transform:translateX(-105%); opacity:0;}
    68%{opacity:1;}
    100%{transform:translateX(105%); opacity:0;}
}
@media (max-width:1180px){
    .gmx-stats-shell{padding:28px;}
    .gmx-home-stats-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
    .gmx-stats-minirow{grid-template-columns:repeat(2, minmax(0, 1fr));}
    .gmx-home-stat-card{min-height:214px;}
}
@media (max-width:760px){
    .gmx-home-stats-section{padding-top:14px; padding-bottom:24px;}
    .gmx-stats-shell{border-radius:22px; padding:20px;}
    .gmx-stats-head{grid-template-columns:1fr; gap:16px;}
    .gmx-stats-live-pill{min-width:0; width:100%;}
    .gmx-stats-title{font-size:clamp(25px, 8vw, 34px);}
    .gmx-home-stats-grid{grid-template-columns:1fr; gap:12px;}
    .gmx-home-stat-card{min-height:205px; border-radius:20px;}
    .gmx-home-stat-number{font-size:clamp(38px, 13vw, 50px);}
    .gmx-stats-minirow{grid-template-columns:1fr;}
    .gmx-bg-icon{width:38px; height:38px; opacity:.45;}
}
@media (max-width:410px){
    .gmx-home-stat-number{font-size:38px;}
    .gmx-home-stat-card{padding:18px;}
    .gmx-stats-miniitem{align-items:flex-start; flex-wrap:wrap;}
    .gmx-stats-miniitem strong{margin-left:auto;}
}
@media (prefers-reduced-motion:reduce){
    .gmx-stats-shell:before,.gmx-stats-shell:after,.gmx-stats-orb,.gmx-live-dot,.gmx-bg-icon{animation:none;}
    .gmx-home-stat-card,.gmx-home-stat-card-glow,.gmx-home-stat-progress span,.gmx-stats-miniitem{transition:none;}
}

/* v2.4 performance guard: statistik blokda daim işləyən animasiyalar zəif cihazları boğmasın. */
.gmx-stats-shell::before,
.gmx-stats-shell::after,
.gmx-stats-orb,
.gmx-live-dot,
.gmx-bg-icon {
    animation: none !important;
}

.gmx-stats-orb {
    filter: none !important;
    opacity: .10;
}

.gmx-bg-icon {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    will-change: auto !important;
}

html.gmx-is-scrolling .gmx-home-stat-card,
html.gmx-is-scrolling .gmx-stats-miniitem,
html.gmx-fx-lite .gmx-home-stat-card,
html.gmx-fx-lite .gmx-stats-miniitem {
    transition: border-color .12s ease, background .12s ease, box-shadow .12s ease !important;
}

html.gmx-is-scrolling .gmx-home-stat-card:hover,
html.gmx-fx-lite .gmx-home-stat-card:hover,
html.gmx-is-scrolling .gmx-stats-miniitem:hover,
html.gmx-fx-lite .gmx-stats-miniitem:hover {
    transform: none !important;
}

html.gmx-fx-motion:not(.gmx-is-scrolling) .gmx-stats-shell.is-visible .gmx-bg-icon {
    animation: gmxStatsIconDriftLite 30s ease-in-out infinite !important;
    will-change: transform;
}

@keyframes gmxStatsIconDriftLite {
    0%, 100% { transform: translate3d(0,0,0) rotate(0deg); opacity:.38; }
    50% { transform: translate3d(5px,-6px,0) rotate(3deg); opacity:.50; }
}