.wma-section,
.wma-section * { box-sizing: border-box; }

.wma-section {
    --wma-accent: #bc1a2d;
    --wma-text: #ffffff;
    --wma-muted: rgba(255,255,255,.68);
    --wma-stroke: rgba(255,255,255,.14);
    background: transparent !important;
    color: var(--wma-text);
    font-family: inherit;
    padding: clamp(42px, 5vw, 74px) 18px;
}

.wma-container { width: min(1240px, 100%); margin: 0 auto; }

.wma-shell {
    position: relative;
    border-radius: 34px;
    padding: clamp(26px, 4vw, 46px);
    background:
        radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--wma-accent) 18%, transparent), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(255,255,255,.07), transparent 34%),
        rgba(255,255,255,.035);
    border: 1px solid var(--wma-stroke);
    box-shadow: 0 28px 80px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    overflow: hidden;
}

.wma-content { max-width: 720px; margin-bottom: clamp(26px, 4vw, 40px); }
.wma-eyebrow { display: inline-block; color: var(--wma-accent); font-size: 12px; font-weight: 900; letter-spacing: .26em; text-transform: uppercase; margin-bottom: 14px; }
.wma-content h2 { color: var(--wma-text); margin: 0; font-size: clamp(34px, 5vw, 62px); line-height: .98; letter-spacing: -.05em; font-weight: 950; }
.wma-content p { max-width: 640px; color: var(--wma-muted); margin: 18px 0 0; font-size: clamp(15px, 1.35vw, 18px); line-height: 1.65; }

.wma-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(310px, .75fr); gap: 24px; align-items: stretch; }

.wma-map-card, .wma-panel { border: 1px solid var(--wma-stroke); background: rgba(255,255,255,.045); border-radius: 28px; box-shadow: inset 0 1px 0 rgba(255,255,255,.10); }
.wma-map-card { overflow: hidden; min-height: 560px; }
.wma-map-header { height: 56px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.10); }
.wma-map-header span { color: rgba(255,255,255,.76); font-size: 13px; font-weight: 800; }
.wma-map-header strong { color: rgba(255,255,255,.52); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; }

.wma-map-area { position: relative; min-height: 504px; padding: 24px; display: grid; place-items: center; overflow: hidden; perspective: 1200px; }
.wma-map-area:before { content: ""; position: absolute; width: 72%; height: 46%; border-radius: 999px; background: radial-gradient(ellipse, color-mix(in srgb, var(--wma-accent) 18%, transparent), color-mix(in srgb, var(--wma-accent) 5%, transparent) 58%, transparent 75%); filter: blur(12px); transform: translateY(36px); }

.wma-svg { position: relative; z-index: 2; width: min(1000px, 100%); overflow: visible; filter: drop-shadow(0 30px 42px rgba(0,0,0,.18)); }
.wma-map-lines path { stroke: rgba(255,255,255,.10); stroke-width: 1; fill: none; }

.wma-country { fill: rgba(255,255,255,.78); stroke: rgba(255,255,255,.38); stroke-width: .72; transition: transform .34s cubic-bezier(.2,.9,.2,1), fill .22s ease, stroke .22s ease, opacity .22s ease, filter .34s ease; transform-box: fill-box; transform-origin: center; }
.wma-country.is-enabled { cursor: pointer; fill: rgba(255,255,255,.96); stroke: color-mix(in srgb, var(--wma-accent) 60%, white); stroke-width: 1.05; }
.wma-country.is-enabled:hover, .wma-country.is-enabled.is-active { fill: var(--wma-accent); stroke: #fff; stroke-width: 1.9; transform: translateY(-16px) scale(1.03); filter: url(#wmaRedShadow); }
.wma-world.has-active .wma-country:not(.is-active) { opacity: .34; }

.wma-pins { pointer-events: none; }
.wma-pin { fill: #fff; stroke: var(--wma-accent); stroke-width: 5; filter: url(#wmaPinGlow); }

.wma-panel { padding: 18px; display: flex; flex-direction: column; gap: 16px; }
.wma-active-card { display: flex; gap: 16px; padding: 22px; border-radius: 22px; background: rgba(255,255,255,.92); border: 1px solid color-mix(in srgb, var(--wma-accent) 30%, transparent); color: #151515; box-shadow: 0 22px 60px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.8); }
.wma-active-code { width: 52px; height: 52px; border-radius: 17px; background: var(--wma-accent); color: #fff; display: grid; place-items: center; font-weight: 950; flex: 0 0 auto; box-shadow: 0 12px 26px color-mix(in srgb, var(--wma-accent) 34%, transparent); }
.wma-active-label { display: block; color: var(--wma-accent); font-size: 11px; text-transform: uppercase; letter-spacing: .12em; font-weight: 900; margin-bottom: 8px; }
.wma-active-card h3 { margin: 0; color: #111; font-size: 28px; line-height: 1; letter-spacing: -.03em; }
.wma-active-card strong { display: block; margin-top: 8px; color: var(--wma-accent); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.wma-active-card p { color: rgba(0,0,0,.60); line-height: 1.48; font-size: 14px; margin: 10px 0 0; }

.wma-country-list { display: grid; grid-template-columns: 1fr; gap: 10px; }
.wma-list-item { width: 100%; padding: 14px; border-radius: 17px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.055); color: #fff; cursor: pointer; text-align: left; display: flex; align-items: center; gap: 12px; transition: transform .22s ease, border-color .22s ease, background .22s ease; }
.wma-list-item:hover, .wma-list-item.is-active { transform: translateX(4px); border-color: color-mix(in srgb, var(--wma-accent) 75%, transparent); background: color-mix(in srgb, var(--wma-accent) 18%, transparent); }
.wma-list-item > span { width: 40px; height: 40px; border-radius: 14px; background: rgba(255,255,255,.10); display: grid; place-items: center; color: #fff; font-size: 13px; font-weight: 950; flex: 0 0 auto; }
.wma-list-item.is-active > span, .wma-list-item:hover > span { background: var(--wma-accent); }
.wma-list-item strong { display: block; color: #fff; font-size: 14px; }
.wma-list-item small { display: block; margin-top: 3px; color: rgba(255,255,255,.62); font-size: 11px; }

@supports not (color: color-mix(in srgb, red, blue)) {
    .wma-shell { background: rgba(255,255,255,.035); }
    .wma-map-area:before { background: rgba(188,26,45,.10); }
    .wma-list-item:hover, .wma-list-item.is-active { background: rgba(188,26,45,.18); }
}

@media (max-width: 980px) {
    .wma-layout { grid-template-columns: 1fr; }
    .wma-country-list { grid-template-columns: repeat(2, 1fr); }
    .wma-map-card { min-height: auto; }
    .wma-map-area { min-height: 480px; }
}
@media (max-width: 640px) {
    .wma-section { padding: 28px 12px; }
    .wma-shell { border-radius: 24px; padding: 20px; }
    .wma-content h2 { font-size: 36px; }
    .wma-map-card, .wma-panel { border-radius: 22px; }
    .wma-map-header { height: 50px; padding: 0 15px; }
    .wma-map-header strong { display: none; }
    .wma-map-area { min-height: 360px; padding: 10px; }
    .wma-svg { width: 150%; max-width: none; }
    .wma-country.is-enabled:hover, .wma-country.is-enabled.is-active { transform: translateY(-8px) scale(1.02); }
    .wma-active-card { padding: 16px; }
    .wma-active-card h3 { font-size: 24px; }
    .wma-country-list { grid-template-columns: 1fr; }
}


/* V12 Premium Improvements */
.wma-shell{
    background:#f8f6f6 !important;
}

.wma-content h2{
    color:#000 !important;
    max-width:780px;
}

.wma-content p{
    color:#2d2d2d !important;
    max-width:760px;
    font-weight:500;
}

.wma-map-card{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

.wma-map-area{
    min-height:700px !important;
    padding:10px 0 0 0 !important;
}

.wma-svg{
    width:min(1320px,100%) !important;
    transform:scale(1.18);
}

.wma-country{
    fill:#f1f1f1 !important;
    stroke:#d7d7d7 !important;
}

.wma-country.is-enabled{
    fill:#ffffff !important;
    stroke:#d0d0d0 !important;
}

.wma-country.is-enabled:hover,
.wma-country.is-enabled.is-active{
    fill:var(--wma-accent) !important;
    stroke:#ffffff !important;
}

.wma-active-card{
    background:#ffffff !important;
    border:1px solid rgba(0,0,0,.06) !important;
    box-shadow:0 30px 70px rgba(0,0,0,.10) !important;
    padding:32px !important;
}

.wma-active-card h3{
    color:#000 !important;
    font-size:54px !important;
    line-height:0.9 !important;
    margin-bottom:18px !important;
}

.wma-active-card p{
    color:#444 !important;
    font-size:16px !important;
}

.wma-active-card strong{
    font-size:13px !important;
}

.wma-panel{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    justify-content:center;
}

.wma-country-list{
    gap:14px !important;
}

.wma-list-item{
    background:#ffffff !important;
    border:1px solid rgba(0,0,0,.06) !important;
    min-height:82px;
}

.wma-list-item strong{
    color:#000 !important;
}

.wma-list-item small{
    color:#777 !important;
}

.wma-list-item:hover,
.wma-list-item.is-active{
    background:#fff5f6 !important;
}

.wma-map-header{
    border:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

.wma-map-header span,
.wma-map-header strong{
    color:#777 !important;
}

@media(max-width:980px){
    .wma-svg{
        transform:scale(1.05);
    }

    .wma-map-area{
        min-height:520px !important;
    }

    .wma-active-card h3{
        font-size:42px !important;
    }
}

@media(max-width:640px){
    .wma-map-area{
        min-height:360px !important;
    }

    .wma-svg{
        width:185% !important;
        transform:translateX(-6%) scale(1.02);
    }

    .wma-content h2{
        font-size:42px !important;
    }

    .wma-active-card{
        padding:22px !important;
    }

    .wma-active-card h3{
        font-size:34px !important;
    }
}


/* V13 UI/UX fix: simpler information, stable layout */
.wma-section{
    padding: 30px 12px !important;
}

.wma-shell{
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 34px !important;
    overflow: hidden !important;
}

.wma-content{
    max-width: 640px !important;
    margin-bottom: 18px !important;
}

.wma-content h2{
    font-size: clamp(30px, 3vw, 44px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
}

.wma-content p{
    color:#333 !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    max-width: 620px !important;
}

.wma-layout{
    grid-template-columns: minmax(0, 1fr) 280px !important;
    gap: 22px !important;
    align-items: center !important;
}

.wma-map-card{
    min-height: 0 !important;
    height: auto !important;
}

.wma-map-header{
    height: 34px !important;
}

.wma-map-area{
    min-height: 0 !important;
    height: 560px !important;
    padding: 0 !important;
    overflow: visible !important;
}

.wma-svg{
    width: 100% !important;
    max-width: none !important;
    transform: scale(1.28) translateX(-2%) !important;
    transform-origin: center center !important;
}

.wma-panel{
    padding: 0 !important;
    gap: 12px !important;
}

.wma-active-card{
    padding: 20px !important;
    border-radius: 20px !important;
    min-height: 138px !important;
    align-items: center !important;
}

.wma-active-card h3{
    font-size: 32px !important;
    line-height: 1 !important;
    margin: 0 0 8px !important;
}

.wma-active-card p{
    font-size: 15px !important;
    line-height: 1.25 !important;
    color: #555 !important;
    margin: 0 !important;
}

.wma-active-label,
.wma-active-card strong{
    display:none !important;
}

.wma-active-code{
    width: 46px !important;
    height: 46px !important;
    border-radius: 15px !important;
}

.wma-country-list{
    gap: 8px !important;
}

.wma-list-item{
    min-height: 58px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
}

.wma-list-item > span{
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
}

.wma-list-item strong{
    font-size: 13px !important;
}

.wma-list-item small{
    font-size: 11px !important;
    color:#666 !important;
}

@media(max-width: 980px){
    .wma-layout{
        grid-template-columns: 1fr !important;
    }

    .wma-map-area{
        height: 470px !important;
    }

    .wma-svg{
        transform: scale(1.18) !important;
    }

    .wma-panel{
        display:block !important;
    }

    .wma-country-list{
        grid-template-columns: repeat(2, 1fr) !important;
        display:grid !important;
        margin-top: 12px !important;
    }
}

@media(max-width: 640px){
    .wma-shell{
        padding: 22px !important;
        border-radius: 22px !important;
    }

    .wma-content h2{
        font-size: 32px !important;
    }

    .wma-content p{
        font-size: 14px !important;
    }

    .wma-map-header{
        display:none !important;
    }

    .wma-map-area{
        height: 330px !important;
        margin: 10px 0 !important;
        overflow:hidden !important;
    }

    .wma-svg{
        width: 160% !important;
        transform: translateX(-18%) scale(1.02) !important;
    }

    .wma-active-card{
        min-height: 110px !important;
        padding: 16px !important;
    }

    .wma-active-card h3{
        font-size: 26px !important;
    }

    .wma-country-list{
        grid-template-columns: 1fr !important;
    }
}


/* V14: Modern compact UI, larger map, smaller right texts */
.wma-shell{
    max-width: 1240px !important;
    padding: 30px !important;
    border-radius: 28px !important;
}

.wma-content{
    max-width: 540px !important;
    margin-bottom: 6px !important;
}

.wma-eyebrow{
    font-size: 10px !important;
    letter-spacing: .34em !important;
    margin-bottom: 12px !important;
}

.wma-content h2{
    font-size: clamp(30px, 3.4vw, 48px) !important;
    line-height: 1.02 !important;
    max-width: 560px !important;
}

.wma-content p{
    font-size: 14px !important;
    line-height: 1.42 !important;
    max-width: 560px !important;
    margin-top: 8px !important;
}

.wma-layout{
    grid-template-columns: minmax(0, 1fr) 230px !important;
    gap: 18px !important;
    margin-top: -4px !important;
}

.wma-map-header{
    height: 24px !important;
    padding: 0 !important;
    margin-bottom: -6px !important;
}

.wma-map-header span,
.wma-map-header strong{
    font-size: 9px !important;
    letter-spacing: .18em !important;
}

.wma-map-area{
    height: 620px !important;
    padding: 0 !important;
}

.wma-svg{
    width: 118% !important;
    transform: scale(1.36) translateX(1%) translateY(2%) !important;
    transform-origin: center center !important;
}

.wma-panel{
    gap: 10px !important;
    justify-content: center !important;
}

.wma-active-card{
    min-height: 108px !important;
    padding: 16px !important;
    border-radius: 17px !important;
    gap: 10px !important;
}

.wma-active-code{
    width: 38px !important;
    height: 38px !important;
    border-radius: 13px !important;
    font-size: 12px !important;
}

.wma-active-card h3{
    font-size: 22px !important;
    line-height: 1.02 !important;
    margin: 0 0 5px !important;
}

.wma-active-card p{
    font-size: 12px !important;
    line-height: 1.2 !important;
    color: #555 !important;
}

.wma-country-list{
    gap: 7px !important;
}

.wma-list-item{
    min-height: 48px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    gap: 8px !important;
}

.wma-list-item > span{
    width: 28px !important;
    height: 28px !important;
    border-radius: 9px !important;
    font-size: 10px !important;
}

.wma-list-item strong{
    font-size: 11px !important;
    line-height: 1.1 !important;
}

.wma-list-item small{
    font-size: 9px !important;
    line-height: 1.1 !important;
}

.wma-map-card{
    margin-top: -10px !important;
}

@media(max-width: 980px){
    .wma-layout{
        grid-template-columns: 1fr !important;
    }

    .wma-map-area{
        height: 520px !important;
    }

    .wma-svg{
        width: 120% !important;
        transform: scale(1.18) translateX(0) !important;
    }

    .wma-panel{
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .wma-country-list{
        grid-template-columns: repeat(3, 1fr) !important;
        display: grid !important;
    }

    .wma-active-card{
        max-width: 100% !important;
    }
}

@media(max-width: 640px){
    .wma-shell{
        padding: 18px !important;
        border-radius: 22px !important;
    }

    .wma-content{
        margin-bottom: 16px !important;
    }

    .wma-content h2{
        font-size: 31px !important;
    }

    .wma-content p{
        font-size: 13px !important;
    }

    .wma-map-area{
        height: 355px !important;
    }

    .wma-svg{
        width: 185% !important;
        transform: translateX(-20%) scale(1.05) !important;
    }

    .wma-country-list{
        grid-template-columns: 1fr !important;
    }

    .wma-active-card h3{
        font-size: 24px !important;
    }

    .wma-active-card p{
        font-size: 13px !important;
    }
}


/* V15 Export from Brazil professional layout */
.wma-shell{
    background:
        radial-gradient(circle at 38% 55%, rgba(188,26,45,.12), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(247,247,247,.92)) !important;
    border:1px solid rgba(0,0,0,.06) !important;
}

.wma-eyebrow{
    color: var(--wma-accent) !important;
}

.wma-content{
    max-width: 760px !important;
}

.wma-content h2{
    max-width: 760px !important;
}

.wma-content p{
    color:#3d3d3d !important;
    max-width: 720px !important;
}

.wma-map-header{
    height: 42px !important;
    margin-bottom: 0 !important;
    border-bottom:1px solid rgba(0,0,0,.05) !important;
}

.wma-map-header span{
    color:#222 !important;
    font-weight:800 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
}

.wma-map-header strong{
    color:var(--wma-accent) !important;
    font-weight:900 !important;
    letter-spacing:.16em !important;
}

.wma-map-card{
    background:#fff !important;
    border:1px solid rgba(0,0,0,.055) !important;
    box-shadow:0 18px 55px rgba(0,0,0,.06) !important;
    border-radius:24px !important;
    margin-top:0 !important;
}

.wma-map-area{
    height: 640px !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 42% 52%, rgba(188,26,45,.10), transparent 32%),
        linear-gradient(180deg, #ffffff, #fbfbfb) !important;
}

.wma-svg{
    width: 116% !important;
    transform: scale(1.22) translateX(-1%) translateY(3%) !important;
}

.wma-country{
    fill:#eeeeee !important;
    stroke:#d6d6d6 !important;
    stroke-width:.65 !important;
}

.wma-country.is-enabled{
    fill:#ffffff !important;
    stroke:rgba(188,26,45,.42) !important;
    stroke-width:1 !important;
}

.wma-country.is-enabled:hover,
.wma-country.is-enabled.is-active{
    fill:var(--wma-accent) !important;
    stroke:#fff !important;
    filter:url(#wmaRedShadow) !important;
}

.wma-map-lines path{
    stroke:rgba(0,0,0,.055) !important;
}

.wma-export-routes{
    pointer-events:none;
}

.wma-route{
    fill:none;
    stroke:rgba(188,26,45,.18);
    stroke-width:1.7;
    stroke-dasharray:5 9;
    opacity:.55;
    animation:wmaDash 10s linear infinite;
}

.wma-route.is-active{
    stroke:var(--wma-accent);
    stroke-width:2.6;
    opacity:1;
    filter:drop-shadow(0 0 9px rgba(188,26,45,.35));
}

@keyframes wmaDash{
    to{ stroke-dashoffset:-140; }
}

.wma-origin-badge{
    pointer-events:none;
}

.wma-origin-badge circle{
    fill:var(--wma-accent);
    stroke:#fff;
    stroke-width:4;
    filter:drop-shadow(0 14px 18px rgba(188,26,45,.32));
}

.wma-origin-badge text{
    fill:#fff;
    font-size:11px;
    font-weight:900;
    text-anchor:middle;
    font-family:Arial, sans-serif;
}

.wma-pin{
    fill:#fff !important;
    stroke:var(--wma-accent) !important;
    stroke-width:4.2 !important;
}

.wma-panel{
    justify-content:stretch !important;
}

.wma-active-card{
    background:var(--wma-accent) !important;
    color:#fff !important;
    border:none !important;
    box-shadow:0 22px 50px rgba(188,26,45,.24) !important;
    min-height:120px !important;
}

.wma-active-code{
    background:#fff !important;
    color:var(--wma-accent) !important;
    box-shadow:none !important;
}

.wma-active-card h3{
    color:#fff !important;
}

.wma-active-card p{
    color:rgba(255,255,255,.84) !important;
}

.wma-list-item{
    background:#fff !important;
    border:1px solid rgba(0,0,0,.07) !important;
}

.wma-list-item strong{
    color:#151515 !important;
}

.wma-list-item small{
    color:#676767 !important;
}

.wma-list-item:hover,
.wma-list-item.is-active{
    background:#fff6f7 !important;
    border-color:rgba(188,26,45,.34) !important;
}

.wma-list-item > span{
    background:#f3f3f3 !important;
    color:#333 !important;
}

.wma-list-item:hover > span,
.wma-list-item.is-active > span{
    background:var(--wma-accent) !important;
    color:#fff !important;
}

@media(max-width:980px){
    .wma-map-area{
        height:520px !important;
    }

    .wma-svg{
        width:120% !important;
        transform: scale(1.08) translateY(2%) !important;
    }
}

@media(max-width:640px){
    .wma-map-header{
        display:flex !important;
        height:38px !important;
    }

    .wma-map-header strong{
        display:none !important;
    }

    .wma-map-area{
        height:360px !important;
    }

    .wma-svg{
        width:170% !important;
        transform: translateX(-20%) scale(1.02) !important;
    }
}


/* V16 refinement */
.wma-shell{
    overflow:hidden !important;
    padding:24px !important;
}

.wma-content{
    margin-bottom:14px !important;
}

.wma-content h2{
    font-size:clamp(32px,4vw,54px) !important;
    max-width:640px !important;
    letter-spacing:-0.05em !important;
}

.wma-content p{
    max-width:720px !important;
    font-size:15px !important;
    line-height:1.45 !important;
}

.wma-layout{
    align-items:stretch !important;
    gap:16px !important;
}

.wma-map-card{
    border-radius:22px !important;
    overflow:hidden !important;
}

.wma-map-header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:0 18px !important;
    background:rgba(255,255,255,.72) !important;
    backdrop-filter:blur(10px) !important;
    border-bottom:1px solid rgba(0,0,0,.05) !important;
}

.wma-map-header span,
.wma-map-header strong{
    line-height:1 !important;
    display:flex !important;
    align-items:center !important;
}

.wma-map-area{
    border-radius:0 0 22px 22px !important;
}

.wma-svg{
    width:112% !important;
    transform:scale(1.14) translateX(-1%) translateY(1%) !important;
}

.wma-panel{
    width:100% !important;
    max-width:290px !important;
}

.wma-active-card{
    border-radius:20px !important;
    padding:18px !important;
    min-height:96px !important;
}

.wma-active-card h3{
    font-size:20px !important;
    margin-bottom:2px !important;
}

.wma-active-card p{
    font-size:12px !important;
    opacity:.92 !important;
}

.wma-country-list{
    max-height:540px !important;
    overflow:auto !important;
    padding-right:4px !important;
}

.wma-country-list::-webkit-scrollbar{
    width:6px;
}

.wma-country-list::-webkit-scrollbar-thumb{
    background:rgba(188,26,45,.22);
    border-radius:999px;
}

.wma-list-item{
    transition:all .24s ease !important;
    min-height:54px !important;
}

.wma-list-item:hover{
    transform:translateX(4px) !important;
}

.wma-list-item strong{
    font-size:12px !important;
}

.wma-list-item small{
    font-size:10px !important;
}

.wma-route{
    stroke-linecap:round !important;
}

.wma-origin-badge circle{
    r:15;
}

@media(max-width:980px){

    .wma-layout{
        grid-template-columns:1fr !important;
    }

    .wma-panel{
        max-width:none !important;
    }

    .wma-country-list{
        max-height:none !important;
        overflow:visible !important;
    }

    .wma-svg{
        width:120% !important;
        transform:scale(1.02) translateX(0) !important;
    }
}

@media(max-width:640px){

    .wma-shell{
        padding:16px !important;
    }

    .wma-map-header{
        padding:0 12px !important;
    }

    .wma-map-header span{
        font-size:8px !important;
    }

    .wma-map-area{
        height:320px !important;
    }

    .wma-svg{
        width:180% !important;
        transform:translateX(-24%) scale(1.0) !important;
    }

    .wma-active-card{
        min-height:84px !important;
    }
}