/* R108_BBB_MAP_POPUP_COMPACT_EDGE_SAFE_V187_ACTIVE */
.map-card.has-real-map { position: relative !important; isolation: isolate; }
.r108-map-preview {
  --popup-bg-top: #34383e; --popup-bg-bottom: #15191f;
  position: absolute; z-index: 60; width: min(238px, calc(100% - 16px));
  overflow: visible; border: 1px solid rgba(255,255,255,.62); border-radius: 5px;
  background: linear-gradient(180deg,var(--popup-bg-top),var(--popup-bg-bottom)); color: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.46); opacity: 0; visibility: hidden;
  transform: translateY(5px) scale(.98); transform-origin: 50% 100%;
  transition: opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.r108-map-preview.is-open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.r108-map-preview::after {
  content:""; position:absolute; width:11px; height:11px; background:#171b21;
  border-right:1px solid rgba(255,255,255,.55); border-bottom:1px solid rgba(255,255,255,.55);
  transform:rotate(45deg); display:none;
}
.r108-map-preview[data-place="top"]::after { display:block; left:calc(50% - 6px); bottom:-7px; }
.r108-map-preview[data-place="bottom"]::after { display:block; left:calc(50% - 6px); top:-7px; transform:rotate(225deg); background:#34383e; }
.r108-map-preview[data-place="left"]::after { display:block; right:-7px; top:calc(50% - 6px); transform:rotate(-45deg); }
.r108-map-preview[data-place="right"]::after { display:block; left:-7px; top:calc(50% - 6px); transform:rotate(135deg); }
.r108-map-preview-link { display:block; overflow:hidden; border-radius:4px; color:inherit!important; text-decoration:none!important; }
.r108-map-preview-image { display:block; width:100%; height:82px; object-fit:cover; background:#6b7280; }
.r108-map-preview-image.is-empty { display:none; }
.r108-map-preview-body { min-height:65px; padding:8px 10px 9px; background:linear-gradient(180deg,#34383e,#171b21); }
.r108-map-preview-title { margin:0 25px 4px 0; color:#fff; font-size:13px; font-weight:800; line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.r108-map-preview-desc { display:none!important; }
.r108-map-preview-meta { display:block; color:rgba(255,255,255,.94); font-size:10.5px; font-weight:600; line-height:1.38; }
.r108-map-preview-guest,.r108-map-preview-price { display:block; }
.r108-map-preview-price { margin-top:1px; color:#fff; font-size:11px; font-weight:800; }
.r108-map-preview-close {
  position:absolute; top:5px; right:5px; z-index:3; display:grid; place-items:center;
  width:20px; height:20px; padding:0; border:0; border-radius:50%;
  background:rgba(20,24,30,.72); color:#fff; font:700 15px/1 Arial,sans-serif; cursor:pointer;
}
.r108-map-preview-close:hover,.r108-map-preview-close:focus-visible { background:var(--r108-primary,#334155); outline:1px solid #fff; }
.map-card.has-real-map .hotspot.r108-preview-active { z-index:61!important; }
@media (max-width:700px) {
  .r108-map-preview { width:min(210px,calc(100% - 12px)); }
  .r108-map-preview-image { height:72px; }
  .r108-map-preview-body { min-height:59px; padding:7px 9px 8px; }
  .r108-map-preview-title { font-size:12px; }
  .r108-map-preview-meta { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) { .r108-map-preview { transition:none; } }

/* R108_BBB_MAP_POPUP_SQUARE_THIN_V188_ACTIVE */
.r108-map-preview {
  width: min(188px, calc(100% - 16px)) !important;
  min-height: 188px;
  border-radius: 6px;
}
.r108-map-preview-link { min-height: 186px; border-radius: 5px; }
.r108-map-preview-image {
  width: 100%; height: 96px !important; object-fit: cover;
}
.r108-map-preview-body {
  box-sizing: border-box; min-height: 90px !important; padding: 7px 9px 8px !important;
}
.r108-map-preview-title {
  margin: 0 22px 4px 0 !important; color: #fff !important;
  font-size: 11px !important; font-weight: 500 !important; line-height: 1.25 !important;
}
.r108-map-preview-meta {
  color: rgba(255,255,255,.9) !important; font-size: 9px !important;
  font-weight: 400 !important; line-height: 1.35 !important;
}
.r108-map-preview-price {
  margin-top: 2px !important; color: #fff !important;
  font-size: 9.5px !important; font-weight: 500 !important;
}
.r108-map-preview-close {
  top: 4px; right: 4px; width: 18px; height: 18px;
  font-size: 13px; font-weight: 500;
}
@media (max-width:700px) {
  .r108-map-preview { width:min(172px,calc(100% - 12px)) !important; min-height:172px; }
  .r108-map-preview-link { min-height:170px; }
  .r108-map-preview-image { height:87px !important; }
  .r108-map-preview-body { min-height:83px !important; padding:6px 8px 7px !important; }
  .r108-map-preview-title { font-size:10.5px !important; }
  .r108-map-preview-meta { font-size:8.5px !important; }
  .r108-map-preview-price { font-size:9px !important; }
}

/* R108_BBB_MAP_POPUP_SMALLER_RAISED_V189_ACTIVE */
.r108-map-preview {
  width: min(164px, calc(100% - 16px)) !important;
  min-height: 150px !important;
}
.r108-map-preview-link { min-height: 148px !important; }
.r108-map-preview-image { height: 78px !important; }
.r108-map-preview-body {
  min-height: 70px !important;
  padding: 6px 8px 7px !important;
}
.r108-map-preview-title {
  margin: 0 20px 3px 0 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}
.r108-map-preview-meta {
  font-size: 8px !important;
  font-weight: 300 !important;
  line-height: 1.3 !important;
}
.r108-map-preview-price {
  margin-top: 1px !important;
  font-size: 8.5px !important;
  font-weight: 400 !important;
}
.r108-map-preview-close {
  top: 3px !important; right: 3px !important;
  width: 17px !important; height: 17px !important;
  font-size: 12px !important; font-weight: 400 !important;
}
@media (max-width:700px) {
  .r108-map-preview { width:min(154px,calc(100% - 12px)) !important; min-height:142px !important; }
  .r108-map-preview-link { min-height:140px !important; }
  .r108-map-preview-image { height:73px !important; }
  .r108-map-preview-body { min-height:67px !important; padding:5px 7px 6px !important; }
  .r108-map-preview-title { font-size:9.5px !important; }
  .r108-map-preview-meta { font-size:7.7px !important; }
  .r108-map-preview-price { font-size:8.2px !important; }
}