.os-brand-map{position:relative;width:100%;height:100%;min-height:inherit;overflow:hidden;border-radius:inherit;background:#171917;color:#fff}
.os-brand-map__canvas{width:100%;height:calc(100% - 42px);min-height:300px;background:#e8e6df}
.os-brand-map .leaflet-tile-pane{filter:brightness(.78) saturate(.82) contrast(.94)}
.os-brand-map__notice{position:absolute;z-index:800;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:7px 14px;border-bottom:1px solid rgba(255,101,0,.72);background:rgba(15,15,15,.88);color:#eee;font-size:11px;line-height:1.35;text-align:center;backdrop-filter:blur(8px);pointer-events:none}
.os-brand-map__notice i{display:inline-grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border:1px solid #ff6500;border-radius:50%;color:#ff7a25;font-size:10px;font-style:normal;font-weight:800}
.os-brand-map__legend{position:absolute;z-index:800;left:0;right:0;bottom:0;height:42px;display:flex;align-items:center;justify-content:center;gap:26px;padding:0 14px;border-top:1px solid #2b2b2b;background:#101010}
.os-brand-map__legend div{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}
.os-brand-map__legend div span{color:#ccc}
.os-brand-map__legend i{width:12px;height:12px;border:2px solid currentColor;border-radius:3px;background:transparent}
.os-brand-map .leaflet-control-attribution{background:rgba(12,12,12,.72);color:#aaa;font-size:9px}
.os-brand-map .leaflet-control-attribution a{color:#ff8b42}
.os-brand-map__popup{position:absolute;z-index:850;width:min(220px,calc(100% - 16px));border:1px solid #303030;border-radius:13px;background:#121212;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.48)}
.os-brand-map__popup[hidden]{display:none}
.os-brand-map__popup:after{content:"";position:absolute;left:50%;width:12px;height:12px;background:#121212;border:solid #303030;transform:translateX(-50%) rotate(45deg)}
.os-brand-map__popup[data-side="below"]:after{top:-7px;border-width:1px 0 0 1px}
.os-brand-map__popup[data-side="above"]:after{bottom:-7px;border-width:0 1px 1px 0}
.os-brand-map__popup-close{position:absolute;z-index:2;top:4px;right:6px;width:25px;height:25px;padding:0;border:0;background:transparent;color:#aaa;font-size:21px;line-height:1;cursor:pointer}
.os-map-card{padding:14px 15px}
.os-map-card h3{margin:0 0 8px;font-size:17px}
.os-map-card dl{display:grid;gap:5px;margin:0}
.os-map-card dl div{display:flex;justify-content:space-between;gap:12px;font-size:12px}
.os-map-card dl span{color:#aaa}
.os-map-card dl b{text-align:right;color:#fff}
.os-map-card__delivery{color:#ff7b29!important}
.os-map-card__note{margin:0;color:#aaa;font-size:12px;line-height:1.4}
.os-brand-map__label{border:0;background:transparent;box-shadow:none;color:#fff;font-size:10px;font-weight:800;text-align:center;text-shadow:0 1px 3px #000,0 0 3px #000;white-space:normal;max-width:92px;line-height:1.1;pointer-events:none}
.os-brand-map__label:before{display:none}
.os-brand-map--error:after{content:'Карту тимчасово не вдалося завантажити';position:absolute;inset:50% auto auto 50%;z-index:900;transform:translate(-50%,-50%);padding:12px 16px;border-radius:10px;background:#171717;color:#fff;font-size:13px}
.os-interactive-map--home{height:var(--os-map-desktop,440px)}
@media(max-width:700px){.os-brand-map__canvas{height:calc(100% - 42px);min-height:280px}.os-brand-map__notice{min-height:46px;padding:6px 10px;font-size:10px}.os-brand-map__legend{height:42px;display:flex;justify-content:space-between;gap:5px;padding:0 8px;overflow:hidden}.os-brand-map__legend div{flex:0 1 auto;justify-content:center;gap:4px;font-size:8px;white-space:nowrap}.os-brand-map__legend i{flex:0 0 10px;width:10px;height:10px}.os-brand-map__popup{width:min(205px,calc(100% - 16px))}.os-brand-map__label{font-size:8.5px;max-width:68px}.os-interactive-map--home{height:var(--os-map-mobile,390px)}}