.wivp-picker{display:flex!important;flex-direction:column!important;gap:8px!important;margin:10px 12px 12px!important;text-align:left!important;width:auto!important}
.wivp-row{display:flex;flex-direction:column;gap:5px}
.wivp-row-label{font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.65}

.wivp-pills{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:6px!important;margin:0!important;padding:0!important;width:auto!important}
.wivp-picker .wivp-pills .wivp-pill:not(.wivp-pill--color){
  background:#fff!important;color:#333!important;
}
.wivp-picker .wivp-pills .wivp-pill{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;width:auto!important;height:auto!important;min-width:0!important;
  appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;
  font:inherit!important;font-size:.72em!important;font-weight:600!important;line-height:1.15!important;
  text-transform:none!important;letter-spacing:normal!important;
  margin:0!important;padding:5px!important;
  border:1.5px solid #e2e2e2!important;border-radius:5px!important;
  box-shadow:none!important;
  transition:border-color .15s,background .15s,color .15s,transform .12s;
}
.wivp-picker .wivp-pills .wivp-pill:hover:not(.wivp-unavailable){border-color:#8a8a8a!important;transform:translateY(-1px)}
.wivp-picker .wivp-pills .wivp-pill[aria-checked="true"]:not(.wivp-pill--color){background:#111!important;border-color:#111!important;color:#fff!important}
.wivp-pill:focus-visible{outline:2px solid #2271b1;outline-offset:2px}
.wivp-pill.wivp-unavailable{opacity:.4!important;cursor:not-allowed!important;text-decoration:line-through!important;background:#fafafa!important}
.wivp-pill.wivp-hidden{display:none!important}

.wivp-picker .wivp-discount{
  display:inline-block!important;width:fit-content!important;max-width:max-content!important;
  flex:none!important;
  font-size:.72em!important;font-weight:700!important;line-height:1!important;
  margin:-5px 0 0!important;padding:6px 10px!important;border:0!important;border-radius:5px!important;
  background:#e3f6e8!important;color:#1f9d4a!important;box-shadow:none!important;text-transform:none!important;
}
.wivp-discount[hidden]{display:none!important}

.wivp-picker .wivp-pills .wivp-pill.wivp-pill--color{
  width:34px!important;height:34px!important;min-width:34px!important;
  padding:0!important;border-radius:50%!important;
  border:2px solid #fff!important;box-shadow:0 0 0 1.5px #d8d8d8!important;
  background-size:cover!important;background-position:center!important;
  transition:box-shadow .15s,transform .12s;
}
.wivp-picker .wivp-pills .wivp-pill.wivp-pill--color:hover:not(.wivp-unavailable){box-shadow:0 0 0 1.5px #8a8a8a!important;transform:translateY(-1px)}
.wivp-picker .wivp-pills .wivp-pill.wivp-pill--color[aria-checked="true"]{box-shadow:0 0 0 2.5px #111!important;border-color:#fff!important}
.wivp-pill--color.wivp-unavailable{opacity:.35;text-decoration:none;position:relative}
.wivp-pill--color.wivp-unavailable::after{
  content:"";position:absolute;inset:0;margin:auto;width:140%;height:1.5px;
  background:#c62828;transform:rotate(-45deg);
}

.wivp-select{width:100%;max-width:100%;padding:7px 10px;border:1.5px solid #d8d8d8;border-radius:8px;font-size:.85em;background:#fff}

.wivp-qty{display:flex;align-items:stretch;width:100%;border:1.5px solid #d8d8d8;border-radius:8px;overflow:hidden}
.wivp-qty-btn{
  appearance:none;cursor:pointer;font:inherit;font-size:1em;line-height:1;
  width:36px;flex:0 0 36px;border:0;background:#fafafa;color:inherit;
}
.wivp-qty-btn:hover{background:#f0f0f0}
.wivp-qty-btn:active{background:#e8e8e8}
.wivp-qty-input{
  flex:1 1 auto;width:0;min-width:0;border:0;border-left:1.5px solid #d8d8d8;border-right:1.5px solid #d8d8d8;
  text-align:center;font:inherit;font-size:.85em;padding:7px 4px;-moz-appearance:textfield;
}
.wivp-qty-input::-webkit-outer-spin-button,
.wivp-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.wivp-picker .wivp-add{width:100%;margin:2px 0 0;transition:opacity .15s}
.wivp-picker .wivp-add[disabled]{opacity:.5;cursor:not-allowed}
.wivp-picker .wivp-add.wivp-loading{opacity:.7;pointer-events:none}
.wivp-picker .wivp-add.wivp-success{background:#2e7d32!important;color:#fff!important}

.wivp-feedback{font-size:.78em;min-height:1em;color:#2e7d32}
.wivp-feedback.wivp-error{color:#c62828}

/* Keep grid rows tidy when cards have different attribute counts */
ul.products li.product{display:flex;flex-direction:column}
ul.products li.product .wivp-picker{margin-top:auto}

@media (max-width:480px){
  .wivp-picker .wivp-pills .wivp-pill:not(.wivp-pill--color){padding:5px!important;font-size:.8em}
  .wivp-row-label{font-size:.7em}
}