/* HC SITE CONCIERGE 2026 */
.site-concierge{
  position:fixed;
  z-index:850;
  right:22px;
  bottom:22px;
  width:min(390px,calc(100vw - 44px));
  color:#fff;
  opacity:0;
  visibility:hidden;
  transform:translateY(14px);
  transition:opacity .3s ease,transform .3s ease,visibility .3s;
  filter:drop-shadow(0 18px 42px rgba(0,0,0,.28));
}
.site-concierge.is-visible{
  opacity:1;
  visibility:visible;
  transform:none;
}
.site-concierge summary{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
  min-height:64px;
  padding:13px 17px;
  list-style:none;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(7,29,49,.96);
  backdrop-filter:blur(16px);
}
.site-concierge summary::-webkit-details-marker{display:none}
.concierge-pulse{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#6eb349;
  box-shadow:0 0 0 6px rgba(110,179,73,.14);
}
.site-concierge summary span:nth-child(2){display:grid;gap:4px}
.site-concierge summary small{
  color:#8ecf69;
  font-size:8px;
  font-weight:800;
  letter-spacing:.17em;
}
.site-concierge summary strong{
  font:400 15px/1.2 Georgia,serif;
}
.site-concierge summary i{
  position:relative;
  width:28px;
  height:28px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:50%;
  transition:transform .25s ease,background-color .25s ease;
}
.site-concierge summary i:before,
.site-concierge summary i:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:10px;
  height:1px;
  background:#fff;
  transform:translate(-50%,-50%);
}
.site-concierge summary i:after{transform:translate(-50%,-50%) rotate(90deg)}
.site-concierge[open] summary i{transform:rotate(45deg);background:rgba(255,255,255,.08)}
.concierge-panel{
  display:grid;
  padding:17px;
  border:1px solid rgba(255,255,255,.16);
  border-top:0;
  background:#0a263e;
}
.concierge-panel>p{
  margin:0 0 12px;
  color:#b9c7d0;
  font-size:12px;
  line-height:1.55;
}
.concierge-panel>a:not(.concierge-unsure){
  display:grid;
  grid-template-columns:34px 1fr auto;
  gap:10px;
  align-items:center;
  min-height:58px;
  padding:8px 4px;
  color:#fff;
  text-decoration:none;
  border-top:1px solid rgba(255,255,255,.12);
}
.concierge-panel>a:not(.concierge-unsure)>span{
  color:#78bd51;
  font:400 18px/1 Georgia,serif;
}
.concierge-panel>a:not(.concierge-unsure)>strong{
  font-size:11px;
  letter-spacing:.05em;
}
.concierge-panel>a:not(.concierge-unsure)>small{
  color:#9fb0bb;
  font-size:8px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.concierge-panel>a:not(.concierge-unsure):hover strong{color:#9fe27a}
.concierge-unsure{
  margin-top:12px;
  padding-top:13px;
  color:#dce5e9;
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
  text-decoration:none;
  border-top:1px solid rgba(255,255,255,.12);
}
@media(max-width:560px){
  .site-concierge{
    right:14px;
    bottom:86px;
    width:calc(100vw - 28px);
  }
  .site-concierge summary{min-height:58px;padding:11px 14px}
  .site-concierge summary strong{font-size:14px}
  .concierge-panel>a:not(.concierge-unsure){min-height:54px}
}
@media(prefers-reduced-motion:reduce){
  .site-concierge,.site-concierge summary i{transition:none}
}
