/* iTripe hanging sticker v1.0 — scoped to the homepage hero */
.hero-visual.itr-badge-host { position: relative; }
.itr-hanging-badge {
  --itr-badge-width: clamp(88px, 10vw, 122px);
  position: absolute; top: 4px; right: -12px; z-index: 3;
  width: var(--itr-badge-width); padding-top: 66px;
  transform-origin: 50% 0; transform: rotate(-4deg);
  animation: itr-badge-sway 6.4s ease-in-out infinite;
  pointer-events: none; user-select: none;
}
.itr-badge-rope {
  position: absolute; top: 0; left: calc(50% - 3px); width: 6px; height: 82px;
  border-radius: 4px;
  background: repeating-linear-gradient(33deg,#87643e 0 2px,#dac195 2px 4px,#ac895b 4px 6px);
  box-shadow: 1px 1px 2px #553b2638;
  z-index: 2;
}
.itr-badge-rope::before {
  content: ''; position: absolute; top: -3px; left: -5px;
  width: 13px; height: 9px; border: 2px solid #b7996b; border-radius: 50%;
  box-shadow: inset 0 0 0 1px #ead9b5; background: #bca17b;
}
.itr-badge-card {
  position: relative; display: block; padding: 23px 9px 11px;
  background: linear-gradient(135deg,#fffdf6,#eee0c5);
  border: 1px solid #dbc6a1; border-radius: 12px 12px 16px 16px;
  box-shadow: 3px 8px 12px #4e361e26,inset 0 0 0 3px #fff8e780;
}
.itr-badge-card::before {
  content:''; position:absolute; top:7px; left:calc(50% - 5px);
  width:10px; height:10px; border:2px solid #b89762; border-radius:50%;
  background:#745937; box-shadow:0 1px 0 #fff;
}
.itr-badge-card img.itr-badge-art {
  display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain;
  margin:0; padding:0; border:0; border-radius:0; box-shadow:none; background:transparent;
}
@keyframes itr-badge-sway {0%,100%{transform:rotate(-4deg)}50%{transform:rotate(3deg)}}
@media(max-width:600px){.itr-hanging-badge{--itr-badge-width:88px;right:8px;padding-top:49px}.itr-badge-rope{height:65px}}
@media(prefers-reduced-motion:reduce){.itr-hanging-badge{animation:none;transform:rotate(-2deg)}}