.jtl-wrapper{max-width:680px;margin:30px auto;padding:24px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.jtl-title{margin:0 0 10px;text-align:center;font-size:22px}
.jtl-stars{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap;font-size:clamp(18px,6vw,28px);--jtl-color:rgb(250,187,5);--jtl-w:26.97px;--jtl-h:26.25px}
.jtl-star{position:relative;display:inline-block;width:var(--jtl-w);height:var(--jtl-h);line-height:var(--jtl-h);text-decoration:none;color:transparent;cursor:pointer;transition:transform .15s ease}
.jtl-star:active{transform:scale(0.92)}
.jtl-star::before{content:'☆';color:#9CA3AF;font-size:inherit}
.jtl-stars.hover-1 .jtl-star:nth-child(-n+1)::before,
.jtl-stars.selected-1 .jtl-star:nth-child(-n+1)::before{content:'★';color:var(--jtl-color)}
.jtl-stars.hover-2 .jtl-star:nth-child(-n+2)::before,
.jtl-stars.selected-2 .jtl-star:nth-child(-n+2)::before{content:'★';color:var(--jtl-color)}
.jtl-stars.hover-3 .jtl-star:nth-child(-n+3)::before,
.jtl-stars.selected-3 .jtl-star:nth-child(-n+3)::before{content:'★';color:var(--jtl-color)}
.jtl-stars.hover-4 .jtl-star:nth-child(-n+4)::before,
.jtl-stars.selected-4 .jtl-star:nth-child(-n+4)::before{content:'★';color:var(--jtl-color)}
.jtl-stars.hover-5 .jtl-star:nth-child(-n+5)::before,
.jtl-stars.selected-5 .jtl-star:nth-child(-n+5)::before{content:'★';color:var(--jtl-color)}
.jtl-instruction{text-align:center;color:#6b7280;margin-top:8px}
.jtl-thanks{text-align:center;color:#065f46;margin-top:10px}
.jtl-feedback{margin-top:12px}
.jtl-feedback textarea{width:100%;min-height:110px;padding:12px;border:1px solid #d1d5db;border-radius:10px;resize:vertical;box-sizing:border-box;font-size:16px}
.jtl-gdpr{display:block;margin-top:8px;font-size:14px;color:#374151}
.jtl-btn{margin-top:10px;background:#1a73e8;color:#fff;border:none;border-radius:10px;padding:12px 18px;cursor:pointer;width:100%;font-size:16px}
.jtl-btn:hover{background:#1a73e8}




/* JiffyTaps 5.12.3 – consistent star visuals (outline when off, solid when on) */
.jtl-stars .jtl-star{
  position: relative;
  display: inline-block;
  line-height: 1;
  text-decoration: none;
  color: transparent; /* hide original glyph to prevent double render */
  cursor: pointer;
}
.jtl-stars .jtl-star::before{
  content: '☆';
  color: #bfbfbf; /* light gray outline for unselected */
  font-family: "Segoe UI Symbol","Arial Unicode MS",sans-serif;
  font-size: inherit;
}
.jtl-stars .jtl-star.on::before{
  content: '★';
  color: #f5b301; /* gold for selected/painted */
}