.jangal-hq{
  position:absolute;
  transform:translate(-50%,-100%);
  z-index:50;
}
.jangal-hq .jangal-hq-pin{
  width:54px;height:54px;
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  display:flex;align-items:center;justify-content:center;
  font-size:28px;
  border:1px solid rgba(17,24,39,.12);
}

/* HQ icon image (cottage) - no frame, 150x150 */
.jangal-hq .jangal-hq-pin.has-image{
  width:150px;
  height:150px;
  background:transparent;
  border:0;
  box-shadow:none;
  border-radius:0;
  padding:0;
}
.jangal-hq .jangal-hq-pin.has-image .jangal-hq-icon{
  width:150px;
  height:150px;
  max-width:150px;
  max-height:150px;
  object-fit:contain;
  display:block;
}

body.jangal-guest .jangal-hq .jangal-hq-pin{
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}

/* Hand pointer */
.jangal-guest-hand{
  position:absolute;
  left:50%;
  top:0;
  transform:translate(30%, -120%);
  font-size:40px;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.35));
  animation:jangalHandBounce 1.1s infinite ease-in-out;
  pointer-events:none;
}
@keyframes jangalHandBounce{
  0%,100%{ transform:translate(30%,-120%) rotate(-8deg); }
  50%{ transform:translate(10%,-150%) rotate(6deg); }
}

/* Guest hint card */
.jangal-guest-hint{
  position:fixed;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  width:min(560px, calc(100% - 24px));
  /* Must sit above hamburger/FABs on mobile. */
  z-index:2147483647 !important;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(8px);
  border:1px solid rgba(17,24,39,.12);
  border-radius:18px;
  box-shadow:0 16px 50px rgba(0,0,0,.28);
  padding:14px 14px 12px;
  direction:rtl;
}
.jangal-guest-hint h3{margin:0 0 6px;font-size:16px;color:#111827}
.jangal-guest-hint p{margin:0 0 10px;font-size:13px;line-height:1.8;color:#111827}
.jangal-guest-hint .row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.jangal-guest-hint .btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:14px;
  background:#111827;color:#fff;text-decoration:none;
  font-weight:700;font-size:13px;
}
.jangal-guest-hint .dismiss{
  background:transparent;
  border:1px solid rgba(17,24,39,.18);
  color:#111827;
}

@media (max-width:480px){
  .jangal-hq .jangal-hq-pin{width:48px;height:48px;font-size:24px;border-radius:14px}
  .jangal-hq .jangal-hq-pin.has-image{width:150px;height:150px;border-radius:0}
  .jangal-hq .jangal-hq-pin.has-image .jangal-hq-icon{width:150px;height:150px;max-width:150px;max-height:150px}
  .jangal-guest-hand{font-size:34px}
}