.gem-map-section{--gem-page-bg: transparent;--gem-sea: #4fb3e8;--gem-land: #ffffff;--gem-border: #000000;--gem-hover: #c7c7c7;--gem-accent: #1d1d1d;--gem-panel-bg: #f4f1ea;--gem-text: #1d1d1d;--gem-title-size: 22px;--gem-title-color: #1d1d1d;--gem-title-weight: 700;--gem-title-transform: none;background:var(--gem-page-bg);padding:48px 24px;max-width:1400px;margin:0 auto}.gem-map-heading{text-align:center;margin-bottom:32px}.gem-map-heading h2{font-size:2rem;margin:0 0 8px;color:var(--gem-text)}.gem-map-heading p{margin:0;opacity:.7;color:var(--gem-text)}.gem-map-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.gem-map-col{border-radius:0;overflow:hidden;background:var(--gem-sea);aspect-ratio:1 / 1}.gem-map-svg{width:100%;height:100%;display:block}.gem-region{fill:var(--gem-land);stroke:var(--gem-border);stroke-width:4px;stroke-linejoin:round;stroke-linecap:round;cursor:pointer;transition:fill .15s ease;paint-order:fill}.gem-region:hover,.gem-region:focus{fill:var(--gem-hover);outline:none}.gem-region.is-selected{fill:var(--gem-accent);outline:none}.gem-panel-col{display:flex;aspect-ratio:1 / 1}.gem-panel{position:relative;background:var(--gem-panel-bg);border-radius:12px;padding:28px;width:100%;overflow-y:auto}.gem-panel-default,.gem-panel-entry{display:none;color:var(--gem-text)}.gem-panel-default.is-visible,.gem-panel-entry.is-visible{display:block;animation:gem-fade-in .2s ease}.gem-panel-entry h3,.gem-panel-default h3{margin:0 0 12px;font-size:var(--gem-title-size);font-weight:var(--gem-title-weight);color:var(--gem-title-color);text-transform:var(--gem-title-transform)}.gem-panel-body{line-height:1.6;opacity:.85}.gem-panel-body p{margin:0 0 12px}.gem-panel-image{margin-bottom:16px;border-radius:8px;overflow:hidden}.gem-panel-image img{width:100%;height:auto;display:block}@keyframes gem-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:989px){.gem-map-layout{grid-template-columns:1fr}.gem-panel-col{aspect-ratio:auto}.gem-panel{min-height:420px}}@media screen and (max-width:600px){.gem-map-section{padding:32px 16px}.gem-map-heading h2{font-size:1.5rem}.gem-panel{padding:20px}}@media(prefers-reduced-motion:reduce){.gem-region,.gem-panel-default.is-visible,.gem-panel-entry.is-visible{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-interactive-map.css.map */