/* Sidebar webshop: orange ornamental header, item collage and compact coin CTA. */
.hb-reference #WebshopBox.hb-shop-widget {
  box-sizing: border-box;
  min-height: 0;
  padding: 0;
  margin-top: 6px;
  border: 1px solid #d2a146;
  border-radius: 0;
  background: #2b2418;
  box-shadow: inset 0 0 0 1px #70501e, 0 2px 5px rgba(14,10,5,.45);
  isolation: isolate;
}
.hb-reference #WebshopBox.hb-shop-widget::before { display: none; }
.hb-reference #WebshopBox.hb-shop-widget > .rb-box-head {
  position: relative;
  inset: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 24px;
  margin: -1px -1px 0;
  padding: 0 5px;
  border: 1px solid #e8bd64;
  border-bottom-color: #7d4d0b;
  background: linear-gradient(#edb44f 0%,#bd7a17 23%,#a9630b 57%,#c98b24 100%);
  color: #fff0b9;
  font: 700 11px/22px Georgia,'Times New Roman',serif;
  letter-spacing: 1.3px;
  text-shadow: 0 1px 1px #603805;
  box-shadow: inset 0 1px #ffdb91, inset 0 -1px #e3b052;
}
.hb-reference #WebshopBox.hb-shop-widget > .rb-box-head::after { display: none; }
.hb-reference #WebshopBox.hb-shop-widget .hb-shop-star {
  flex: 0 0 8px;
  width: 8px;
  height: 10px;
  fill: #fce5a0;
  filter: drop-shadow(0 1px #75460b);
}
.hb-reference #WebshopBox.hb-shop-widget > .rb-box-body { padding: 6px 7px 8px; }
.hb-reference #WebshopBox.hb-shop-widget .hb-shop-scene {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 82px;
  margin: 0 0 6px;
  padding: 0 4px;
  overflow: hidden;
  border: 1px solid #8d6929;
  background: #141a10 url('/templates/highbinot/images/ui/webshop-item-collage.svg') center / cover no-repeat;
  box-shadow: inset 0 0 0 1px rgba(246,218,126,.12);
}
.hb-reference #WebshopBox.hb-shop-widget .hb-shop-scene > span {
  position: relative;
  display: block;
  max-width: 100%;
  color: #ffdb70;
  font: italic 700 17px/1.1 Georgia,'Times New Roman',serif;
  letter-spacing: -.25px;
  text-align: center;
  text-shadow: -1px -1px #2a1b05, 1px 1px #2a1b05, 0 2px 2px #000, 0 0 6px #000;
  white-space: normal;
  transform: rotate(-4deg);
}
.hb-reference #WebshopBox.hb-shop-widget a.hb-shop-buy,
.hb-reference #WebshopBox.hb-shop-widget a.hb-shop-buy:visited {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 27px;
  min-height: 27px;
  margin: 0;
  padding: 0 3px;
  border: 1px solid #f4c16b;
  border-radius: 1px;
  background: linear-gradient(#ffc34a 0%,#ffa411 38%,#ed8d05 58%,#d97802 100%);
  color: #fff8de;
  font: 700 9px/25px Verdana,Arial,sans-serif;
  letter-spacing: .1px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px #7e4000, -1px 0 #9a5500, 1px 0 #9a5500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: inset 0 1px #ffe1a1, inset 0 -1px #b56807, 0 1px 2px #090703;
  filter: none;
}
.hb-reference #WebshopBox.hb-shop-widget a.hb-shop-buy:hover {
  color: #fffdf0;
  background: linear-gradient(#ffd370,#ffb52c 40%,#f5990c 62%,#e18509);
  border-color: #ffe1a1;
  text-decoration: none;
  transform: none;
  filter: none;
}
.hb-reference #WebshopBox.hb-shop-widget a.hb-shop-buy:focus-visible { outline: 2px solid #fff2b7; outline-offset: 3px; }
.hb-reference #WebshopBox.hb-shop-widget .CoinRow { margin: 0 0 6px; color: #f6e3b0; font: 10px/1.4 Verdana,Arial,sans-serif; }
.hb-reference #WebshopBox.hb-shop-widget .CoinLabel { color: #edc76f; }