/* THE EMBROIDER — throwable service pills (styles). Loaded by te-throwable-pills.php */
.te-pills-section{
  --te-pill-font:'Poppins','Outfit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:10px 16px;
  box-sizing:border-box;
}

/* Physics stage */
.te-pills-scene{
  position:relative;
  overflow:hidden;
  width:100%;
  height:420px;
  pointer-events:none;      /* let the page scroll; only pills catch the mouse */
  touch-action:pan-y;
}
@media (max-width:767px){ .te-pills-scene{ height:340px; } }

.te-pills-wrap > p{
  position:absolute;
  top:0; left:0;
  margin:0;
  display:inline-block;
  user-select:none;
  -webkit-user-select:none;
  pointer-events:auto;      /* grabbable */
  cursor:grab;
  opacity:0;                /* fade in when scrolled into view */
  transition:opacity .35s ease;
  will-change:transform;
}
.te-pills-wrap > p:active{ cursor:grabbing; }

.te-pill{
  display:inline-block;
  font-family:var(--te-pill-font);
  font-size:clamp(14px,1.6vw,17px);
  font-weight:600;
  color:#2c2c2c;
  white-space:nowrap;
  border-radius:100px;
  padding:12px 30px;
  background:var(--bg,#eee);
  border:3px solid var(--c,#ccc);
  box-shadow:
    0 6px 14px rgba(0,0,0,0.08),
    inset 0 2px 3px rgba(255,255,255,0.9),
    inset 0 -10px 18px -8px rgba(0,0,0,0.18);
  transform:translate(-50%,-50%) rotate(.01rad);
  will-change:transform;
}
@media (max-width:767px){ .te-pill{ padding:10px 22px; } }
/* fewer pills on phones (keeps 9 of 12) */
@media (max-width:767px){ .te-pills-wrap > p.te-hide-mobile{ display:none !important; } }