.hp-retailmap{gap:clamp(1rem,2.2vw,1.6rem);width:min(100%,1080px);display:grid}.hp-retailmap__head{text-align:center;justify-items:center;gap:.3rem;display:grid}.hp-retailmap__kicker{font-family:var(--font-body);letter-spacing:.13em;text-transform:uppercase;color:var(--accent);font-size:clamp(.7rem,.9vw,.8rem);font-weight:700}.hp-retailmap__title{color:var(--on-dark);font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1.02}.hp-retailmap__sub{color:oklch(66% 0 0);font-size:.9rem}.hp-retailmap__foot{justify-content:center;margin-top:.2rem;display:flex}.hp-retailmap__layout{grid-template-columns:minmax(0,1.15fr) minmax(15rem,.85fr);align-items:center;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.hp-retailmap__canvas{aspect-ratio:1.15;border-radius:var(--radius-lg);background:radial-gradient(58% 48% at 45% 52%,oklch(72% .19 42/.08),#0000 70%),oklch(12% 0 0);border:1px solid oklch(30% 0 0);width:100%;max-height:24rem;position:relative;overflow:hidden}.hp-retailmap__geo{width:100%;height:100%;display:block;position:absolute;inset:0}.hp-retailmap__country{fill:oklch(20% 0 0);stroke:oklch(27% 0 0);stroke-width:.6px;vector-effect:non-scaling-stroke;transition:fill .25s,stroke .25s}.hp-retailmap__country.is-presence{fill:oklch(30% .012 60);stroke:oklch(43% 0 0)}.hp-retailmap__country.is-active{fill:oklch(34% .075 45);stroke:var(--accent)}.hp-retailmap__pin{fill:oklch(72% .19 42/.4);transition:fill .25s,r .25s}.hp-retailmap__pin.is-active{fill:var(--accent);filter:drop-shadow(0 0 5px oklch(74% .19 42/.65))}.hp-retailmap__link{fill:none;stroke:oklch(78% .02 60/.5);stroke-width:1.2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.hp-retailmap__link--spine{stroke:oklch(74% .19 42/.85);stroke-width:1.6px;stroke-dasharray:3 3}.hp-retailmap__hub{fill:var(--accent);stroke:oklch(12% 0 0);stroke-width:1.2px;filter:drop-shadow(0 0 4px oklch(74% .19 42/.6))}.hp-retailmap__nodes{margin:0;padding:0;list-style:none;position:absolute;inset:0}.hp-retailmap__node-wrap{position:absolute;transform:translate(-36%,-120%)}.hp-retailmap__node-label{white-space:nowrap;border:1px solid var(--accent);font-family:var(--font-body);color:oklch(82% 0 0);background:oklch(10% 0 0/.74);border-radius:999px;align-items:baseline;gap:.32rem;padding:.14rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px -8px oklch(0% 0 0/.85)}.hp-retailmap__node-label strong{font-family:var(--font-display);color:var(--on-dark);font-weight:900}.hp-retailmap__marker-tag{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid oklch(72% .19 42/.5);border-radius:4px;padding:0 .28rem;font-size:.6rem;font-weight:800}.hp-retailmap__markers{margin:0;padding:0;list-style:none;position:absolute;inset:0}.hp-retailmap__marker-wrap{position:absolute;transform:translate(-50%,-50%)}.hp-retailmap__marker{cursor:pointer;background:0 0;border:0;justify-items:center;gap:.32rem;padding:.3rem;display:grid;transform:translateY(-.95rem)}.hp-retailmap__marker:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.hp-retailmap__dot{background:oklch(50% 0 0);border:2px solid oklch(62% 0 0);border-radius:50%;width:12px;height:12px;transition:background .22s,border-color .22s,box-shadow .22s,transform .22s cubic-bezier(.22,1,.36,1)}.hp-retailmap__marker:hover .hp-retailmap__dot{border-color:var(--accent)}.hp-retailmap__marker.is-active .hp-retailmap__dot{background:var(--accent);border-color:var(--accent);transform:scale(1.25);box-shadow:0 0 0 6px oklch(72% .19 42/.16),0 0 16px oklch(74% .18 42/.4)}.hp-retailmap__marker-label{white-space:nowrap;background:oklch(10% 0 0/.68);border:1px solid oklch(34% 0 0);border-radius:999px;align-items:center;gap:.34rem;padding:.16rem .55rem;display:inline-flex;box-shadow:0 4px 14px -8px oklch(0% 0 0/.8)}.hp-retailmap__marker.is-active .hp-retailmap__marker-label{border-color:var(--accent);background:oklch(12% 0 0/.82)}.hp-retailmap__marker-country{font-family:var(--font-body);color:oklch(78% 0 0);font-size:.78rem;font-weight:700;transition:color .2s}.hp-retailmap__marker.is-active .hp-retailmap__marker-country,.hp-retailmap__marker:hover .hp-retailmap__marker-country{color:var(--on-dark)}.hp-retailmap__marker-count{font-family:var(--font-display);color:var(--accent);font-size:.78rem;font-weight:900;line-height:1}.hp-retailmap__panel{border-radius:var(--radius-lg);background:oklch(13% 0 0);border:1px solid oklch(28% 0 0);align-content:start;gap:.55rem;min-height:11rem;padding:clamp(1rem,2vw,1.4rem);display:grid}.hp-retailmap__panel-country{font-family:var(--font-display);color:var(--on-dark);font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:900;line-height:1}.hp-retailmap__panel-count{color:oklch(74% 0 0);font-size:.95rem}.hp-retailmap__panel-count strong{font-family:var(--font-display);color:var(--accent);margin-inline-end:.15rem;font-size:1.6rem;font-weight:900}.hp-retailmap__partners{justify-content:flex-start;margin-block-start:.2rem}.hp-retailmap__note{color:oklch(62% 0 0);font-size:.82rem;line-height:1.4}@media (width<=56rem){.hp-retailmap__layout{grid-template-columns:1fr}.hp-retailmap__canvas{aspect-ratio:1.35;max-height:20rem}}@media (prefers-reduced-motion:reduce){.hp-retailmap__dot,.hp-retailmap__link,.hp-retailmap__marker-country{transition:none}.hp-retailmap__marker.is-active .hp-retailmap__dot{transform:none}}.hp-retailmap__retailers{color:oklch(72% 0 0);font-size:.85rem;line-height:1.45}.hp-retailmap--bare .hp-retailmap__layout{grid-template-columns:1fr}.hp-retailmap--bare .hp-retailmap__canvas{width:min(100%,40rem);max-height:none;margin-inline:auto}