.nlcui-loop-spec-anchor{display:block;clear:both}.nlcui-specs{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 12px;align-items:center}.nlcui-spec{display:inline-flex;align-items:center;gap:5px;border:1px solid #dce4ef;background:#f8fafc;color:#18304f;border-radius:9px;padding:6px 9px;line-height:1.1;white-space:nowrap;font-size:12px}.nlcui-spec__icon{font-size:12px;color:#1d63d8}.nlcui-spec--eff{background:#eefbf4;border-color:#bcead0}.nlcui-spec--eff .nlcui-spec__icon,.nlcui-spec--eff .nlcui-spec__value{color:#168a55}.nlcui-spec__label{font-size:9px;text-transform:uppercase;letter-spacing:.35px;color:#64748b}.nlcui-spec__value{font-weight:700;color:#102a4e}.nlcui-specs--loop{gap:5px;margin:8px 0 10px}.nlcui-specs--loop .nlcui-spec{padding:5px 7px;font-size:11px;border-radius:7px}.nlcui-specs--single{margin:8px 0 13px}.nlcui-specs--single .nlcui-spec{padding:8px 11px;font-size:13px}

/* Single-product native variation form. */
.nlcui-variation-ui{margin:6px 0 12px}.nlcui-pill-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 10px}.nlcui-pill{appearance:none;border:1px solid #cbd5e1;background:#fff;color:#18304f;border-radius:8px;padding:10px 13px;cursor:pointer;font:inherit;font-size:13px;line-height:1.1;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,color .15s ease}.nlcui-pill:hover{border-color:#7aa7ec;background:#f7faff}.nlcui-pill.is-active{border-color:#164dcc;background:#eef4ff;box-shadow:0 0 0 1px #164dcc inset;color:#0e3ca8;font-weight:700}.nlcui-pill:disabled,.nlcui-pill.is-disabled{opacity:.42;cursor:not-allowed;text-decoration:line-through}.nlcui-clear{display:inline-flex!important;align-items:center;gap:5px;background:#f8fafc!important;border:1px solid #d7dee8!important;border-radius:7px!important;padding:7px 10px!important;margin:2px 0 8px!important;color:#526174!important;text-decoration:none!important;font-size:12px!important;line-height:1!important;cursor:pointer}.nlcui-clear:before{content:'↺';font-size:13px}.nlcui-clear:hover{color:#163e73!important;border-color:#9fb7d7!important;background:#f2f6fb!important;text-decoration:none!important}.nlcui-hidden-select{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;overflow:hidden!important}.variations .label .nlcui-attribute-label{font-weight:700}

/* Existing variation/swatch buttons rendered by the theme in product cards. */
.nlcui-loop-variation-group{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important;margin:7px 0 9px!important}.nlcui-loop-variation-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:31px!important;padding:6px 10px!important;border:1px solid #d3dae4!important;border-radius:7px!important;background:#fff!important;color:#34465e!important;font-size:11px!important;line-height:1.1!important;text-decoration:none!important;box-shadow:none!important;transition:border-color .15s ease,background .15s ease,color .15s ease!important}.nlcui-loop-variation-pill:hover{border-color:#83a8df!important;background:#f6f9ff!important;color:#123f8a!important}.nlcui-loop-variation-pill.is-active,.nlcui-loop-variation-pill.selected,.nlcui-loop-variation-pill[aria-checked="true"],.nlcui-loop-variation-pill[aria-pressed="true"]{border-color:#164dcc!important;background:#eef4ff!important;color:#0e3ca8!important;font-weight:700!important}

/* Search pages can be normal WordPress cards rather than WC loops. */
.nlcui-search-specs{margin-top:8px}

@media(max-width:600px){.nlcui-specs--single{gap:6px}.nlcui-specs--single .nlcui-spec{padding:7px 9px;font-size:12px}.nlcui-pill{padding:9px 10px;font-size:12px}.nlcui-specs--loop{gap:4px}.nlcui-specs--loop .nlcui-spec{font-size:10.5px}}

/* v1.1.4: specs are always rendered at a stable PHP fallback position; JS may move the existing node above variation options. */
.nlcui-loop-spec-anchor{margin:0!important}
.nlcui-loop-spec-anchor .nlcui-specs--loop{margin:7px 0 8px!important}
.nlcui-loop-spec-anchor + .nlcui-loop-variation-group{margin-top:2px!important}
.related.products .nlcui-loop-spec-anchor,.related-products .nlcui-loop-spec-anchor{position:relative!important;visibility:visible!important;opacity:1!important;overflow:visible!important;height:auto!important;min-height:0!important}


/* v1.1.6: catalog cards show one technical row per variation, not inline selectors. */
.nlcui-variation-spec-list{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin:7px 0 9px;
  clear:both;
}
.nlcui-variation-spec-row{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:4px;
  width:100%;
  min-width:0;
}
.nlcui-variation-spec-row .nlcui-spec{
  min-height:0;
  padding:4px 5px;
  border-radius:7px;
  font-size:10px;
  line-height:1.05;
  gap:3px;
  flex:0 1 auto;
  min-width:0;
}
.nlcui-variation-spec-row .nlcui-spec__icon{font-size:10px}
.nlcui-variation-spec-row .nlcui-spec__value{font-size:10px;white-space:nowrap}
.nlcui-loop-variation-hidden-option,
.nlcui-loop-variation-hidden-group{display:none!important}

@media(max-width:600px){
  .nlcui-variation-spec-list{gap:4px;margin:6px 0 8px}
  .nlcui-variation-spec-row{gap:3px}
  .nlcui-variation-spec-row .nlcui-spec{padding:4px;font-size:9.5px}
  .nlcui-variation-spec-row .nlcui-spec__value{font-size:9.5px}
}

/* v1.1.7: technical rows are content, never variation controls. */
.nlcui-loop-spec-anchor .nlcui-variation-spec-list,
.nlcui-loop-spec-anchor .nlcui-variation-spec-row{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  overflow:visible!important;
}
.nlcui-loop-spec-anchor .nlcui-variation-spec-list{flex-direction:column!important}
.nlcui-loop-spec-anchor + .nlmed-loop-estimate{margin-top:4px!important}
