/* A small, self-contained commerce atlas. All motion is also pausable. */
.commerce-world{container-type:inline-size;background:#151d1b;isolation:isolate;min-height:590px!important}
.commerce-world:before{background-size:46px 46px;opacity:.65;mask-image:radial-gradient(ellipse at center,#000,transparent 85%)}
.commerce-world:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 43%,#b18a1826,transparent 58%),linear-gradient(160deg,#29382a22,transparent 60%)}
.commerce-world .visual-header{position:absolute;inset:0 0 auto;padding:22px 26px;font-size:8px;z-index:4;pointer-events:none}
.world-status{display:flex;align-items:center;gap:9px}.world-status:before{content:'';width:5px;height:5px;border-radius:50%;background:#ffcc39;box-shadow:0 0 10px #ffcc3970}
.globe-toggle{pointer-events:auto;display:grid;place-items:center;width:34px;height:34px;border:1px solid #e1d59d33;border-radius:50%;color:#e7e7d8;background:#1d2825;font-size:11px;padding:0;transition:background .2s,border-color .2s}
.globe-toggle:hover{background:#344335;border-color:#ffcf66}.globe-toggle:focus-visible,.world-regions button:focus-visible{outline-color:#ffcf66;outline-offset:3px}
.globe-toggle svg{width:12px;height:12px;fill:currentColor}.globe-toggle .play-shape{display:none}.globe-toggle[aria-pressed=true] .pause-shape{display:none}.globe-toggle[aria-pressed=true] .play-shape{display:block}
.world-stage{position:absolute;inset:0;z-index:1;overflow:hidden;contain:layout paint}
.world-canvas{position:absolute;width:100%;height:100%;display:block;inset:0}
.world-brands{position:absolute;inset:0;pointer-events:none}
.world-brand{position:absolute;left:0;top:0;width:clamp(78px,23cqw,126px);padding:11px 13px 8px;background:linear-gradient(150deg,#fff,#f4f2e9);border:1px solid #fff9;border-radius:7px;box-shadow:0 8px 30px #0003,0 1px 1px #fff4 inset;opacity:0;transform-origin:50% 100%;will-change:transform,opacity;display:flex;align-items:center;flex-direction:column;gap:7px}
.world-brand:after{content:'';position:absolute;height:2px;width:20px;border-radius:5px;bottom:-1px;left:calc(50% - 10px);background:var(--brand-color,#ffbf00)}
.world-brand-logo{height:24px;width:100%;display:flex;align-items:center;justify-content:center;gap:4px;color:var(--brand-color,#171c24);font-size:13px;line-height:1;font-weight:800;letter-spacing:-.045em}
.world-brand-logo img{width:100%;height:100%;object-fit:contain;max-width:100%}
.world-brand-logo.with-name img{width:23px;max-width:23px}.world-brand-logo.with-name span{white-space:nowrap}
.world-brand-country{font-size:7px;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:#6b706b;white-space:nowrap;font-weight:600}
.world-caption{position:absolute;left:26px;bottom:92px;z-index:3;pointer-events:none;display:flex;align-items:center;gap:9px;color:#d1d6c8;font-size:8px;letter-spacing:.13em}
.world-caption:before{content:'';display:block;width:17px;height:1px;background:#ffcd4a}
.commerce-world .visual-bottom{position:absolute;inset:auto 26px 20px;padding:0;display:flex;align-items:center;gap:18px;z-index:3;font-size:8px;letter-spacing:.1em;pointer-events:none}
.commerce-world .visual-bottom>span{flex-shrink:0;line-height:1.6}
.world-regions{display:flex;flex:1;gap:6px;pointer-events:auto;min-width:0;align-items:stretch}
.world-regions button{position:relative;flex:1;min-width:0;color:#aab3a6;border-top:1px solid #6c77644d;font-size:7px;font-weight:600;line-height:1.2;padding:12px 1px 8px;text-align:center;white-space:nowrap}
.world-regions button:before{content:'';position:absolute;top:-1px;left:0;width:0;height:2px;background:#ffbf00;transition:width .5s}
.world-regions button[aria-pressed=true]{color:#ffe59a}.world-regions button[aria-pressed=true]:before{width:100%}
.world-regions button[aria-pressed=true]:before{transform:scaleX(var(--tour-progress,1));transform-origin:left;transition:none}
.world-regions button:hover{color:#fff}.world-orbit-caption{position:absolute;right:27px;bottom:91px;color:#778677;font-size:7px;letter-spacing:.15em;z-index:3}
@media(min-width:1500px){.commerce-world{min-height:640px!important}}
@media(max-width:1150px){.commerce-world{min-height:570px!important}.commerce-world .visual-bottom{flex-direction:column;align-items:stretch;gap:11px}.commerce-world .visual-bottom>span br{display:none}.commerce-world .visual-bottom>span strong{margin-left:5px}.world-caption{bottom:112px}.world-orbit-caption{bottom:111px}.world-brand{padding:9px 10px 7px;gap:6px}.world-brand-logo{height:22px;font-size:11px}}
@media(max-width:900px) and (min-width:641px){.commerce-world .visual-header{padding:18px;font-size:6px}.commerce-world .visual-bottom{inset:auto 18px 17px}.world-caption{left:18px;font-size:6px;bottom:106px}.world-orbit-caption{display:none}.world-brand{width:88px;padding:8px 9px 7px}.world-brand-logo{height:19px;font-size:10px}.world-brand-country{font-size:6px}.world-regions button{font-size:6px}}
@media(max-width:640px){.commerce-world{min-height:440px!important;aspect-ratio:.86;max-height:550px;border-radius:4px}.commerce-world .visual-header{padding:16px 18px;font-size:6.5px;letter-spacing:.12em}.globe-toggle{width:30px;height:30px}.commerce-world .visual-bottom{inset:auto 18px 15px;font-size:7px;gap:10px}.world-caption{left:18px;bottom:93px;font-size:6.5px;letter-spacing:.1em}.world-orbit-caption{right:18px;bottom:92px;font-size:6px}.world-brand{width:clamp(80px,24cqw,112px);border-radius:5px;padding:9px 10px 7px;gap:6px}.world-brand-logo{height:21px;font-size:11px}.world-brand-logo.with-name img{width:19px;max-width:19px}.world-brand-country{font-size:6px;letter-spacing:.1em}.world-regions{gap:6px}.world-regions button{padding-top:10px;font-size:7px}}
@media(max-width:370px){.commerce-world{min-height:405px!important}.world-orbit-caption{display:none}.world-brand{width:80px;padding:8px 9px 6px}.world-brand-logo{height:18px;font-size:10px}.world-brand-country{font-size:5.5px}.world-caption{font-size:6px}.world-regions button{font-size:6px}.commerce-world .visual-header{font-size:6px;padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.world-brand{will-change:auto}.world-regions button:before{transition:none}}
