/* EF Selector Normal v3.1.1 */

/* Layout */
.efsn-wrap{ margin:18px 0 40px; padding:16px; border-radius:18px; background:#fff; }
.efsn-title{ font-weight:700; font-size:14px; margin-bottom:12px; }

/* EXTRA SPACE BETWEEN BLOCKS */
.efsn-block-size{ margin-bottom:26px; }
.efsn-block-color{ margin-top:0; }

/* Equal size grid */
.efsn-options{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(76px, 1fr));
  gap:12px;
  max-width:380px;
}

/* Pills */
.efsn-pill,
.efsn-swatch{
  background:#fff;
  color:#000;
  border:1px solid rgba(0,0,0,.15);
  border-radius:999px;
  min-height:44px;
  font-weight:700;
  font-size:13px;
  cursor:pointer;
  transition:all .15s ease;
}

/* Hover + active */
.efsn-pill:hover,
.efsn-swatch:hover,
.efsn-pill.is-active,
.efsn-swatch.is-active{
  background:#000;
  color:#fff;
  border-color:#000;
}

/* Hint */
.efsn-hint{ margin-top:12px; font-size:12px; opacity:.75; }