.recenzo-fixed-wrap{
  position: fixed;
  bottom: max(12px, env(safe-area-inset-bottom));
  max-width: min(92vw, 440px);
  pointer-events: none;
}
.recenzo-fixed-inner{ pointer-events:auto; display:inline-block; }

.recenzo-place-bottom_left{ left: 12px; }
.recenzo-place-bottom_right{ right: 12px; }
.recenzo-place-bottom_center{ left: 50%; transform: translateX(-50%); }

.recenzo-pill, .recenzo-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 8px 22px rgba(0,0,0,.12);
  color:#0b1220;
  text-decoration:none;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
}
.recenzo-pill{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 12px; border-radius:999px;
  font-size:14px; line-height:1;
}
.recenzo-card{
  display:inline-flex; align-items:center; gap:12px;
  padding:12px 14px; border-radius:14px;
  font-size:14px; line-height:1.2;
}
.recenzo-dot{ width:10px; height:10px; border-radius:999px; background:#22c55e; flex:0 0 auto; }
.recenzo-muted{ opacity:.8; }


.recenzo-star{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#22c55e;
  flex:0 0 auto;
}


@media (max-width: 480px){
  /* Give the fixed widget full width on small screens to avoid compressed JS badge */
  .recenzo-fixed-wrap{
    left: 0 !important;
    right: 0 !important;
    max-width: 100vw;
    padding-left: 10px;
    padding-right: 10px;
  }
  .recenzo-place-bottom_left,
  .recenzo-place-bottom_right{
    left: 0 !important;
    right: 0 !important;
  }
  .recenzo-place-bottom_center{
    left: 0 !important;
    transform: none !important;
  }
  .recenzo-fixed-inner{
    display: flex;
    justify-content: center;
  }
  .recenzo-js-badge{
    white-space: nowrap;
  }
}

/* Close button (fixed only) */
.recenzo-fixed-inner{ position: relative; }


.recenzo-close:hover{ color: rgba(0,0,0,.9); }

.recenzo-close:focus{ outline: none; }
.recenzo-close:focus-visible{
  outline: 2px solid rgba(0,0,0,.25);
  outline-offset: 2px;
}

.recenzo-close{
  position: absolute;
  top: -6px;
  right: -6px;

  width: 24px;
  height: 24px;
  padding: 0;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  color: rgba(0,0,0,.65);
  font-size: 18px;
  line-height: 1;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  appearance: none;
}

.recenzo-close:hover{ color: rgba(0,0,0,.9); }

.recenzo-close:focus{ outline: none !important; box-shadow: none !important; }
.recenzo-close:focus-visible{
  outline: 2px solid rgba(0,0,0,.25);
  outline-offset: 2px;
}