/* R2SM HOME ONLINE WIDGET V2 — COMPACT GLASS */
.r2sm-home-online-section{
  position:relative;
  z-index:3;
  width:min(calc(100% - 24px),430px);
  margin:-6px auto 18px;
  padding:0;
}
.r2sm-home-online-widget{
  position:relative;
  isolation:isolate;
  min-height:72px;
  display:grid;
  grid-template-columns:auto auto;
  grid-template-areas:"label number" "caption caption";
  justify-content:center;
  align-content:center;
  column-gap:10px;
  row-gap:0;
  overflow:hidden;
  border:1px solid rgba(232,190,92,.34);
  border-radius:14px;
  background:
    radial-gradient(circle at 50% -90%,rgba(246,205,105,.16),transparent 67%),
    linear-gradient(135deg,rgba(25,18,16,.54),rgba(57,33,25,.48) 52%,rgba(17,15,16,.58));
  -webkit-backdrop-filter:blur(8px) saturate(115%);
  backdrop-filter:blur(8px) saturate(115%);
  box-shadow:
    inset 0 1px 0 rgba(255,235,172,.10),
    inset 0 -1px 0 rgba(77,35,22,.30),
    0 9px 25px rgba(0,0,0,.27),
    0 0 18px rgba(190,123,39,.07);
  color:#f7e8c4;
}
.r2sm-home-online-widget::before,
.r2sm-home-online-widget::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:50%;
  width:54px;
  height:1px;
  opacity:.55;
  background:linear-gradient(90deg,transparent,rgba(221,173,75,.48));
}
.r2sm-home-online-widget::before{left:13px}
.r2sm-home-online-widget::after{right:13px;transform:rotate(180deg)}
.r2sm-home-online-label{
  grid-area:label;
  align-self:end;
  padding-left:18px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(17px,2.2vw,22px);
  font-weight:700;
  letter-spacing:.01em;
  line-height:1;
  color:#efd69c;
  text-shadow:0 2px 8px rgba(0,0,0,.62);
}
.r2sm-home-online-label::before{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  margin:7px 0 0 -18px;
  border-radius:50%;
  background:#66dc78;
  box-shadow:0 0 0 3px rgba(82,201,101,.10),0 0 10px rgba(82,232,108,.58);
  animation:r2sm-online-pulse 2.1s ease-in-out infinite;
}
.r2sm-home-online-count{
  grid-area:number;
  align-self:end;
  min-width:2ch;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(34px,4.2vw,46px);
  font-weight:800;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.03em;
  line-height:.78;
  color:#fff3cf;
  text-shadow:0 1px 0 #704315,0 0 14px rgba(246,191,79,.28),0 4px 12px rgba(0,0,0,.60);
}
.r2sm-home-online-caption{
  grid-area:caption;
  justify-self:center;
  margin-top:7px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(236,215,173,.60);
}
.r2sm-home-online-widget.is-updating .r2sm-home-online-count{opacity:.72}
@keyframes r2sm-online-pulse{
  0%,100%{transform:scale(.9);filter:brightness(.9)}
  50%{transform:scale(1.12);filter:brightness(1.22)}
}
@media (max-width:640px){
  .r2sm-home-online-section{width:min(calc(100% - 28px),360px);margin:-2px auto 15px}
  .r2sm-home-online-widget{min-height:68px;column-gap:8px;border-radius:12px}
  .r2sm-home-online-widget::before,.r2sm-home-online-widget::after{display:none}
  .r2sm-home-online-label{padding-left:16px;font-size:17px}
  .r2sm-home-online-label::before{width:6px;height:6px;margin:6px 0 0 -16px}
  .r2sm-home-online-count{font-size:36px}
  .r2sm-home-online-caption{margin-top:7px;font-size:8px;letter-spacing:.14em}
}
@media (prefers-reduced-motion:reduce){
  .r2sm-home-online-label::before{animation:none}
}