.tier-standard{--tier-bg:#2359c4;--tier-ink:#ffffff;--tier-color:#2359c4}
.market-tier-badge{background:var(--tier-bg);color:var(--tier-ink)}
.tier-plus{--tier-bg:#c2185b;--tier-ink:#ffffff;--tier-color:#c2185b}
.tier-premium{--tier-bg:#ffca28;--tier-ink:#463500;--tier-color:#996b00}
.market-tier-symbol{display:inline-grid;place-items:center;width:24px;height:24px;flex:none;color:var(--tier-color)}
.market-tier-symbol .icon{width:22px;height:22px;stroke-width:2.2}
.market-tier-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:13px;line-height:20px;font-weight:600;white-space:nowrap}
.market-tier-badge .icon{width:15px;height:15px}
/* Use the video marker's dimensions, padding, radius, font and shared scale. */
body[data-medium="audio"] .map-pin.market-pin{--marker-bg:var(--network-color);--marker-text:var(--network-ink)}
body[data-medium="audio"] .map-legend{gap:12px 16px;font-size:12px}
.detail-choose-market{min-width:156px;min-height:48px;padding:12px;gap:8px;font-size:14px;line-height:20px;white-space:nowrap;align-self:center;border-radius:10px}
.detail-choose-market .icon{width:18px;height:18px;stroke-width:2.2}
.detail-choose-market[aria-pressed="true"]{background:var(--brand-dark)}
.select-screen.select-location{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:98px;min-height:44px;padding:10px 12px;font-size:14px;font-weight:600;background:var(--brand);border-color:var(--brand);color:#fff;flex:none}
.select-screen.select-location:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}
.select-screen.select-location.chosen{background:var(--brand-soft);color:var(--brand-dark);border-color:transparent}
@media(max-width:680px){body[data-medium="audio"] .map-legend{gap:8px 12px;padding:8px;font-size:11px}.market-tier-symbol{width:22px;height:22px}.detail-choose-market{min-width:142px;padding:10px;gap:6px;font-size:13px}}
@media(max-width:380px){.detail-choose-market{width:100%;justify-self:stretch}}
body[data-medium="audio"] .city-cluster strong{background:var(--network-color,#64748b);color:var(--network-ink,#ffffff)}

/* The open button follows the same three-part layout as a video label.
   Quick selection replaces only the small leading icon when the label is large. */
.selectable-pin button{appearance:none;border:0;margin:0;font:inherit;color:inherit;cursor:pointer;background:none}
.selectable-pin .marker-open{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:inherit;padding:inherit;width:100%;height:100%;border-radius:inherit}
.selectable-pin .marker-leading{display:flex;align-items:center;justify-content:center;flex:none;transition:opacity .18s ease}
.market-pin .market-network-name{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.market-pin .market-tier-icon{color:var(--tier-color);border-radius:3px;background:#ffffffe0}
.market-pin .market-tier-icon .icon{color:var(--tier-color)}
.selectable-pin .marker-quick-select{position:absolute;left:0;top:0;bottom:0;width:29px;display:grid;place-items:center;padding:0;border-radius:inherit;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility 0s .18s}
.marker-quick-available .selectable-pin .marker-leading{opacity:0}
.marker-quick-available .selectable-pin .marker-quick-select{opacity:1;visibility:visible;transition-delay:0s,0s}
#map:not(.marker-quick-available) .marker-interactive .selectable-pin .marker-quick-select{pointer-events:none}
.selectable-pin .marker-choice-circle{box-sizing:border-box;display:grid;place-items:center;width:18px;height:18px;border:2px solid var(--marker-text);border-radius:50%;background:#fff;color:var(--marker-text)}
.selectable-pin .marker-quick-select[aria-pressed="true"] .marker-choice-circle{background:var(--marker-bg)}
.selectable-pin .marker-quick-select .icon{width:13px;height:13px;stroke-width:3;color:var(--marker-text)}
.selectable-pin button:focus-visible{outline:2px solid var(--marker-text);outline-offset:-2px}
.selectable-pin button:disabled{cursor:default;opacity:.5}
@media(hover:hover){.selectable-pin .marker-quick-select:hover .marker-choice-circle{box-shadow:0 0 0 2px #fff}}
.map-location-choice{width:min(420px,calc(100vw - 32px));max-height:70dvh;border:0;border-radius:16px;padding:24px;color:var(--ink);box-shadow:0 16px 70px #17212b33}
.map-location-choice::backdrop{background:#17212b66}
.map-location-choice h2{font-size:20px;margin:0 32px 8px 0}.map-location-choice p{font-size:14px;margin:0 0 16px}
.map-choice-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;border:0;background:#f1f5f9;border-radius:50%;cursor:pointer}
.map-choice-items{display:grid;gap:8px}.map-choice-items button{display:grid;gap:4px;text-align:left;padding:12px;border:1px solid #dce4e1;border-radius:9px;background:#fff;color:inherit;cursor:pointer}.map-choice-items strong{font-size:15px}.map-choice-items span{font-size:13px}

@media(prefers-reduced-motion:reduce){.selectable-pin .marker-leading,.selectable-pin .marker-quick-select{transition:none}}

/* One explicit box keeps all carrier types equal at every shared scale. */
.map-pin.selectable-pin{box-sizing:border-box;width:132px;min-width:132px;max-width:132px;height:38px;min-height:38px;max-height:38px}
.selectable-pin .marker-price{min-width:0;overflow:hidden;text-overflow:ellipsis}
.map-pin.selectable-pin.selected{background:var(--marker-bg);color:var(--marker-text)}
#map .map-pin.selectable-pin.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--marker-text)}
#map .map-pin.market-pin.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--network-color)}
.market-pin .marker-choice-circle{border-color:#fff}
.detail-selection{display:grid;justify-items:stretch;align-content:center;gap:9px;min-width:0}
.detail-rate{display:flex;justify-content:center;align-items:baseline;gap:6px;color:var(--ink);white-space:nowrap}
.detail-rate strong{font-size:18px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums}
.detail-rate span{font-size:13px;color:var(--muted)}
@media(max-width:380px){.detail-selection{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.detail-rate{flex:1 1 110px;justify-content:flex-start}.detail-selection .detail-choose-market{flex:1 0 142px;width:auto}}

/* Authentic outlined lettering, tinted by the network's configured font color. */
.network-wordmark{display:none}
@supports (mask-image:url("/assets/brand/silpo-wordmark-soft.svg")) or (-webkit-mask-image:url("/assets/brand/silpo-wordmark-soft.svg")){
  .market-network-name .network-wordmark-text{display:none}
  .market-network-name .network-wordmark{display:block;width:100%;height:24px;background:currentColor;-webkit-mask:url("/assets/brand/silpo-wordmark-soft.svg") center/contain no-repeat;mask:url("/assets/brand/silpo-wordmark-soft.svg") center/contain no-repeat}
}