/* Карта зон доставки (/terms и оформление заказа), см. zones_map.js */
.zones-map { position: relative; z-index: 0; height: 400px; max-width: 800px; border: 1px solid #ddd; }
.zones-map.zones-map-full { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; height: auto; max-width: none; border: 0; }
.zones-full-btn { font-size: 18px; font-weight: bold; text-decoration: none; }
.zones-suggest { display: none; position: absolute; z-index: 1100; margin: 0; padding: 0; list-style: none; background: #fff; border: 1px solid #bbb; box-shadow: 0 4px 8px rgba(0,0,0,.15); box-sizing: border-box; text-align: left; }
.zones-suggest li { padding: 7px 10px; cursor: pointer; font-size: 15px; line-height: 19px; }
.zones-suggest li.active { background: #eef5fc; }
.zones-result { margin: 8px 0; font-weight: bold; font-size: 15px; }
.zones-legend { margin-top: 8px; font-size: 13px; }
.zones-legend span { display: inline-block; margin-right: 14px; white-space: nowrap; }
.zones-legend i { display: inline-block; width: 12px; height: 12px; margin-right: 5px; vertical-align: -1px; border: 1px solid rgba(0,0,0,.3); }
@media (max-width: 600px) {
  .zones-map { height: 320px; }
  .zones-suggest li { font-size: 16px; }
}