.hapo-traffic-user-stats{position:relative;background:#edfff6;font-family:Manrope,sans-serif}
.hapo-traffic-user-stats *{box-sizing:border-box}
.hapo-traffic-user-stats--full{left:50%;width:100vw;margin-left:-50vw}
.hapo-traffic-user-stats--container{width:100%}
.hapo-traffic-user-stats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:min(1440px,calc(100% - 48px));margin:0 auto!important;padding:40px 0!important;list-style:none}
.hapo-traffic-user-stats__card{display:flex;flex-direction:column;align-items:flex-start;min-height:164px;margin:0!important;padding:24px;border-radius:12px;background:#fff;list-style:none;transition:transform .25s ease,box-shadow .25s ease}
.hapo-traffic-user-stats__card:hover{transform:translateY(-5px);box-shadow:0 12px 26px rgba(8,145,95,.12)}
.hapo-traffic-user-stats__card svg{display:block;width:40px;height:40px;flex:none;margin-bottom:7px}
.hapo-traffic-user-stats__card strong{display:block;color:#08cf80;font-size:32px;font-weight:800;line-height:1.2;letter-spacing:.005em}
.hapo-traffic-user-stats__card span{display:block;margin-top:8px;color:#6d6d6d;font-size:16px;font-weight:500;line-height:1.35}
.hapo-traffic-user-stats__empty{max-width:1440px;margin:0 auto;padding:30px}
@media(max-width:950px){.hapo-traffic-user-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.hapo-traffic-user-stats__grid{grid-template-columns:1fr;width:calc(100% - 36px);gap:16px;padding:28px 0!important}.hapo-traffic-user-stats__card{min-height:145px}}
@media(prefers-reduced-motion:reduce){.hapo-traffic-user-stats__card{transition:none}.hapo-traffic-user-stats__card:hover{transform:none}}

/* Mobile reference correction — 2026-10-20 (Traffic user.jpg). UX: 2×2 grid instead of four stacked cards (~330px shorter); values stay on one line. */
@media(max-width:520px){
.hapo-traffic-user-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 32px);gap:12px}
.hapo-traffic-user-stats__card{min-height:0;padding:18px 14px}
.hapo-traffic-user-stats__card svg{width:32px;height:32px}
.hapo-traffic-user-stats__card strong{font-size:clamp(20px,6.4vw,26px);white-space:nowrap}
.hapo-traffic-user-stats__card span{margin-top:4px;font-size:13px}
}