/* Universal project details card, scoped to the shared Al Marjan map popup. */
html.emb .mb>#pc:not([hidden]){width:355px!important;max-width:355px!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fff!important}
@media(min-width:700px){html.emb .mb:has(>#pc:not([hidden])) #ms{margin-left:355px!important;width:calc(100% - 355px)!important;max-width:calc(100% - 355px)!important}}
html.emb .mb>#pc .hotel-sidebar-top{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;flex:0 0 auto!important;overflow:visible!important}
html.emb .mb>#pc .hotel-sidebar-image{display:block!important;position:relative!important;width:100%!important;height:270px!important;min-height:270px!important;max-height:270px!important;flex:0 0 270px!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;background:#f1f4f6!important;line-height:0!important}
html.emb .mb>#pc .hotel-sidebar-image>img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;margin:0!important;padding:0!important}
html.emb .mb>#pc .hotel-sidebar-title{flex:0 0 auto!important;padding:10px 14px!important;border-bottom:1px solid #e7e0d4!important}
html.emb .mb>#pc .hotel-sidebar-title strong{font-size:22px!important;line-height:1.3!important}
html.emb .mb>#pc .hotel-sidebar-title small{font-size:13px!important;line-height:1.35!important}
html.emb .mb>#pc .hotel-sidebar-rows{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;margin:0 10px!important}
html.emb .mb>#pc .hotel-sidebar-row{display:flex!important;align-items:center!important;flex:0 0 auto!important;min-height:46px!important;height:auto!important;padding:7px 12px!important;border-bottom:1px solid #e9e3d7!important}
html.emb .mb>#pc .hotel-sidebar-body small{font-size:12px!important;line-height:1.35!important}
html.emb .mb>#pc .hotel-sidebar-body strong{font-size:16px!important;line-height:1.4!important;white-space:normal!important}
html.emb .mb>#pc .hotel-sidebar-icon{font-size:20px!important}
html.emb .mb>#pc .hotel-go-project{flex:0 0 auto!important;font-size:15px!important;line-height:1.35!important;margin:12px 12px 8px!important}
html.emb .mb>#pc .rkc-card-about,html.emb .mb>#pc .rkc-card-facts{flex:0 0 auto!important;display:block!important;margin:8px 12px 10px!important;padding:12px 13px!important;border:1px solid #e1e7eb!important;border-radius:11px!important;background:#f7fafb!important;color:#17344a!important;box-sizing:border-box!important}
html.emb .mb>#pc .rkc-card-about h4,html.emb .mb>#pc .rkc-card-facts h4{font:800 18px/1.35 Arial,sans-serif!important;margin:0 0 8px!important;color:#102e49!important}
html.emb .mb>#pc .rkc-card-about p{font:15px/1.55 Arial,sans-serif!important;margin:0!important;color:#435769!important}
html.emb .mb>#pc .rkc-card-facts dl{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;gap:8px!important;margin:0!important;font:13px/1.45 Arial,sans-serif!important}
html.emb .mb>#pc .rkc-card-facts dt{color:#64778a!important;font-weight:700!important}
html.emb .mb>#pc .rkc-card-facts dd{margin:0!important;font-weight:700!important;overflow-wrap:anywhere!important}
html.emb .mb>#pc .cms-wynn-tile strong{font-size:18px!important}
html.emb .mb>#pc .cms-wynn-tile span:last-child{font-size:11px!important}
@media(max-width:699px){html.emb .mb>#pc:not([hidden]){width:min(82vw,294px)!important;max-width:min(82vw,294px)!important}html.emb .mb>#pc .hotel-sidebar-image{height:175px!important;min-height:175px!important;max-height:175px!important;flex-basis:175px!important}html.emb .mb>#pc .rkc-card-facts dl{grid-template-columns:85px 1fr!important}html.emb .mb>#pc .hotel-sidebar-row{min-height:43px!important;padding:6px 10px!important}}

/* RAKcompare Universal Map Sidebar V1: responsive left card across existing and new embeds.
   Scope: card UI only; page-specific project lists, filters and selections are untouched. */
@media(max-width:699px){
  html.emb .mb>#pc:not([hidden]){
    width:min(90vw,355px)!important;max-width:min(90vw,355px)!important;
    height:100%!important;max-height:100%!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    overscroll-behavior:contain!important;
  }
  html.emb .mb>#pc .hotel-sidebar-image{
    width:100%!important;height:175px!important;min-height:175px!important;
    max-height:175px!important;flex:0 0 175px!important;
  }
  html.emb .mb>#pc .hotel-sidebar-title{padding:10px 12px!important}
  html.emb .mb>#pc .hotel-sidebar-title strong{font-size:20px!important}
  html.emb .mb>#pc .rkc-card-about,html.emb .mb>#pc .rkc-card-facts{
    margin:8px 10px!important;padding:10px 11px!important
  }
  html.emb .mb>#pc .rkc-card-about p{font-size:14px!important;line-height:1.5!important}
  html.emb .mb>#pc .rkc-card-facts h4,html.emb .mb>#pc .rkc-card-about h4{font-size:17px!important}
  html.emb .mb>#pc .hotel-sidebar-body strong{font-size:15px!important}
  html.emb .mb>#pc .hotel-sidebar-body small{font-size:12px!important}
  html.emb .mb>#pc .hotel-go-project{min-height:42px!important;margin:10px 10px 8px!important}
}
