.bbd-multi-variation{
  --bbd-accent:#8b46ff;
  --bbd-accent-soft:#f6f1ff;
  --bbd-text:#27272f;
  --bbd-muted:#777784;
  --bbd-border:#e5e2ea;
  width:100%;max-width:100%;margin:18px 0 16px;font-size:14px;color:var(--bbd-text);box-sizing:border-box
}
.bbd-multi-variation *{box-sizing:border-box}
.bbd-mv-title{margin:0 0 10px;font-size:13px;font-weight:700;line-height:1.3;text-transform:uppercase;letter-spacing:.02em}

/* Compact option cards: no variation images, so a wrong image can never be paired with a shade. */
.bbd-mv-cards{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin:0 0 12px;padding:0}
.bbd-mv-card{
  appearance:none!important;-webkit-appearance:none!important;position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-width:58px!important;max-width:100%!important;min-height:38px!important;height:auto!important;margin:0!important;padding:8px 13px!important;
  border:1px solid var(--bbd-border)!important;border-radius:9px!important;background:#fff!important;color:var(--bbd-text)!important;box-shadow:none!important;
  font:inherit!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer!important;transition:border-color .15s ease,background .15s ease,color .15s ease
}
.bbd-mv-card:hover{border-color:#bfa4ef!important;background:#fcfaff!important;color:var(--bbd-text)!important}
.bbd-mv-card.is-selected{border-color:var(--bbd-accent)!important;background:var(--bbd-accent-soft)!important;color:var(--bbd-accent)!important}
.bbd-mv-card-label{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bbd-mv-check{display:none;position:absolute;top:-6px;right:-6px;width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:var(--bbd-accent);color:#fff;font-size:10px;font-weight:700;line-height:14px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.bbd-mv-card.is-selected .bbd-mv-check{display:block}
.bbd-mv-card.is-disabled{opacity:.42!important;cursor:not-allowed!important;text-decoration:line-through}
.bbd-mv-stock{display:none}

.bbd-mv-selected-wrap{width:100%;margin:12px 0 0;border:1px solid var(--bbd-border);border-radius:10px;background:#fff;overflow:hidden}
.bbd-mv-selected-wrap[hidden]{display:none!important}
.bbd-mv-selected-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-bottom:1px solid #f0edf3;background:#fbfafc;font-size:13px;line-height:1.3}
.bbd-mv-selected-summary{color:var(--bbd-muted);font-size:12px;white-space:nowrap}
.bbd-mv-selected-list{width:100%;padding:0 10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8c4ce transparent}
/* Exactly three rows remain visible; the 4th+ option scrolls inside this area. */
.bbd-mv-selected-list:has(.bbd-mv-selected-row:nth-child(4)){max-height:165px}
.bbd-mv-selected-list::-webkit-scrollbar{width:6px}.bbd-mv-selected-list::-webkit-scrollbar-thumb{background:#c8c4ce;border-radius:20px}.bbd-mv-selected-list::-webkit-scrollbar-track{background:transparent}
.bbd-mv-selected-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-height:55px!important;margin:0!important;padding:8px 2px!important;border:0!important;border-bottom:1px solid #f0edf3!important;background:#fff!important}
.bbd-mv-selected-row:last-child{border-bottom:0!important}
.bbd-mv-selected-name{display:flex;align-items:center;gap:8px;min-width:0;max-width:55%;font-size:13px;line-height:1.25}
.bbd-mv-selected-name strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.bbd-mv-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--bbd-accent)}
.bbd-mv-row-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex:0 0 auto!important;margin:0!important}

/* Strong selectors intentionally neutralize WoodMart's global quantity/input rules. */
.bbd-multi-variation .bbd-mv-qty{display:grid!important;grid-template-columns:30px 36px 30px!important;width:96px!important;min-width:96px!important;max-width:96px!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;border:1px solid #d9d6df!important;border-radius:7px!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important}
.bbd-multi-variation .bbd-mv-qty button,.bbd-multi-variation .bbd-mv-qty input{
  appearance:none!important;-webkit-appearance:none!important;display:block!important;width:100%!important;min-width:0!important;max-width:none!important;height:30px!important;min-height:30px!important;max-height:30px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:#25252b!important;box-shadow:none!important;outline:0!important;
  font:inherit!important;font-size:14px!important;font-weight:500!important;line-height:30px!important;text-align:center!important;text-transform:none!important
}
.bbd-multi-variation .bbd-mv-qty button{cursor:pointer!important}.bbd-multi-variation .bbd-mv-qty button:hover{background:#f7f5fa!important;color:var(--bbd-accent)!important}
.bbd-multi-variation .bbd-mv-qty input{border-left:1px solid #e6e3e9!important;border-right:1px solid #e6e3e9!important;-moz-appearance:textfield!important}
.bbd-multi-variation .bbd-mv-qty input::-webkit-inner-spin-button,.bbd-multi-variation .bbd-mv-qty input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}
.bbd-multi-variation .bbd-mv-remove{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#a1a0aa!important;box-shadow:none!important;font:inherit!important;font-size:20px!important;font-weight:400!important;line-height:1!important;cursor:pointer!important}
.bbd-multi-variation .bbd-mv-remove:hover{background:#f7f5fa!important;color:#e34858!important}

.bbd-multi-variation .bbd-mv-add{display:block!important;width:100%!important;max-width:100%!important;min-height:44px!important;height:auto!important;margin:12px 0 0!important;padding:11px 16px!important;border:0!important;border-radius:8px!important;background:var(--bbd-accent)!important;color:#fff!important;box-shadow:none!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;text-align:center!important;text-transform:none!important;cursor:pointer!important}
.bbd-multi-variation .bbd-mv-add:hover{filter:brightness(.96)}
.bbd-multi-variation .bbd-mv-add:disabled{opacity:.45!important;cursor:not-allowed!important;filter:none!important}
.bbd-mv-message{min-height:0;margin:7px 0 0;font-size:12px;line-height:1.4}.bbd-mv-message.is-success{color:#18864b}.bbd-mv-message.is-error{color:#c62828}

/* Replace WooCommerce/WoodMart's single-variation chooser only when our selector is present. */
.single-product .bbd-multi-variation + form.variations_form.cart{display:none!important}

@media(max-width:767px){
  .bbd-multi-variation{margin-top:14px;font-size:13px}
  .bbd-mv-cards{gap:7px}
  .bbd-mv-card{min-width:54px!important;min-height:36px!important;padding:8px 10px!important;font-size:12px!important;border-radius:8px!important}
  .bbd-mv-card-label{max-width:135px}
  .bbd-mv-selected-head{padding:10px}
  .bbd-mv-selected-list{padding:0 8px}
  .bbd-mv-selected-list:has(.bbd-mv-selected-row:nth-child(4)){max-height:159px}
  .bbd-mv-selected-row{min-height:53px!important;gap:6px!important;padding:7px 0!important}
  .bbd-mv-selected-name{max-width:44%;font-size:12px;gap:6px}
  .bbd-multi-variation .bbd-mv-qty{grid-template-columns:27px 32px 27px!important;width:86px!important;min-width:86px!important;max-width:86px!important;height:30px!important;min-height:30px!important}
  .bbd-multi-variation .bbd-mv-qty button,.bbd-multi-variation .bbd-mv-qty input{height:28px!important;min-height:28px!important;max-height:28px!important;line-height:28px!important;font-size:13px!important}
  .bbd-multi-variation .bbd-mv-remove{width:26px!important;min-width:26px!important;max-width:26px!important;height:30px!important;min-height:30px!important;max-height:30px!important}
}