
/* LABA v49.34 — compact activity slider on home */
.community-activity{
  width:92%;
  height:92px;
  margin:15px auto 0;
  padding:8px 11px 7px;
  border:1px solid rgba(197,154,90,.19);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(17,18,18,.64),rgba(8,10,10,.50));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  font-family:Arial,sans-serif;
}
.community-activity-head{height:18px;display:flex;align-items:center;justify-content:space-between;color:#9d927f;font-size:9px;letter-spacing:.8px;text-transform:uppercase}
.community-online-corner{display:inline-flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.2px;text-transform:none;color:#817b70}
.community-online-corner::before{content:"";width:6px;height:6px;border-radius:50%;background:#5d655d;box-shadow:0 0 0 rgba(108,179,116,0)}
.community-activity.has-online .community-online-corner::before{background:#79b27d;box-shadow:0 0 8px rgba(121,178,125,.38)}
.community-activity-body{height:48px;display:flex;align-items:center;min-width:0}
.community-activity-slide{width:100%;min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;text-decoration:none;color:inherit}
.community-activity-media{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.025);border:1px solid rgba(197,154,90,.12)}
.community-activity-media img{display:block;width:100%;height:100%;object-fit:cover}
.community-activity-copy{min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}
.community-activity-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ddd2c0;font:600 11px/1.25 Arial,sans-serif}
.community-activity-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9b9285;font:10px/1.25 Arial,sans-serif}
.community-activity-slide small{color:#777066;font:9px Arial,sans-serif;white-space:nowrap}
.community-activity-dots{height:12px;display:flex;justify-content:center;align-items:center;gap:5px}
.community-activity-dots button{width:5px;height:5px;padding:0;border:0;border-radius:50%;background:#514c45;cursor:pointer;transition:width .16s ease,background .16s ease}
.community-activity-dots button.is-active{width:13px;border-radius:999px;background:#b18d58}
@media(max-width:760px){
  .community-activity{width:94%;height:88px;margin-top:11px;padding:7px 9px 6px}
  .community-activity-body{height:46px}
  .community-activity-slide{grid-template-columns:36px minmax(0,1fr);gap:8px}
  .community-activity-media{width:36px;height:36px}
  .community-activity-slide small{display:none}
  .community-activity-copy strong{font-size:10.5px}
  .community-activity-copy span{font-size:9.5px}
}


/* LABA v49.34.1 — keep "Покрасил? Покажи." at its old visual level */
.community-activity{
  height:72px;
  margin-top:12px;
  padding:5px 10px 4px;
}
.community-activity-head{height:15px}
.community-activity-body{height:38px}
.community-activity-dots{height:8px}
.community-activity-media{
  width:32px;
  height:32px;
  border-radius:9px;
}
.community-activity-slide{
  grid-template-columns:32px minmax(0,1fr) auto;
  gap:8px;
}
.community-activity + .landing-footer{
  margin:44px auto 0;
  padding-top:4px;
  transform:none;
}

@media(max-width:760px){
  .community-activity{
    height:52px;
    margin-top:7px;
    padding:3px 8px 2px;
  }
  .community-activity-head{
    height:12px;
    font-size:8px;
  }
  .community-online-corner{font-size:8px}
  .community-activity-body{height:30px}
  .community-activity-dots{height:5px}
  .community-activity-slide{
    grid-template-columns:27px minmax(0,1fr);
    gap:7px;
  }
  .community-activity-media{
    width:27px;
    height:27px;
    border-radius:7px;
  }
  .community-activity-copy{gap:0}
  .community-activity-copy strong{font-size:9.5px;line-height:1.15}
  .community-activity-copy span{font-size:8.8px;line-height:1.15}
  .community-activity-dots button{width:4px;height:4px}
  .community-activity-dots button.is-active{width:11px}
  .community-activity + .landing-footer{
    margin:0 auto;
    padding-top:4px;
    transform:none;
  }
}


/* LABA v49.34.2 — branded activity icons */
.community-activity-media{
  background:transparent;
  border:0;
  overflow:visible;
}
.community-activity-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.42));
}
@media(max-width:760px){
  .community-activity-media img{
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.38));
  }
}
