form.cart.bqdm-active-form .woocommerce-variation-price,
.bqdm-price-hidden { display: none !important; }
.bqdm-outer {
container-type: inline-size;
container-name: bqdm-outer;
width: 100%; -webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.bqdm-wrapper {
margin: 16px 0 10px;
width: 100%;
font-family: var(--bqdm-font-family, inherit);
container-type: inline-size;
container-name: bqdm; font-size: 16px;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.bqdm-cards { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-bottom: 0; margin-top: 14px; align-items: start; align-content: start; overflow: visible; padding-top: 14px; }
.bqdm-cards.bqdm-stacked { grid-template-columns: 1fr; }
.bqdm-cards > * { margin: 0 !important; }
.bqdm-card {
position: relative;
appearance: none;
border-style: solid;
border-width: var(--bqdm-box-border-width, 1px);
border-color: var(--bqdm-card-border, var(--bqdm-box-border, #d9e1ea));
background: var(--bqdm-card-bg, var(--bqdm-box-bg, #15946a));
color: var(--bqdm-box-text, #fff);
border-radius: var(--bqdm-box-radius, 14px);
padding: 10px 12px;
text-align: left;
cursor: pointer;
box-shadow: 0 4px 12px rgba(20,35,60,.08);
display: flex;
flex-direction: column;
justify-content: flex-start;
width: 100%;
box-sizing: border-box;
margin: 0 !important;
gap: 2px !important;
line-height: 1 !important;
transition: transform 0.15s, box-shadow 0.15s, background-color 0.15s;
} .bqdm-card-1 { --bqdm-card-bg: var(--bqdm-card-1-bg, var(--bqdm-box-bg, #15946a)); --bqdm-card-border: var(--bqdm-card-1-border, var(--bqdm-box-border, #d9e1ea)); }
.bqdm-card-2 { --bqdm-card-bg: var(--bqdm-card-2-bg, var(--bqdm-box-bg-alt, #1c84e8)); --bqdm-card-border: var(--bqdm-card-2-border, var(--bqdm-box-border, #d9e1ea)); }
.bqdm-card-3 { --bqdm-card-bg: var(--bqdm-card-3-bg, #ef4444); --bqdm-card-border: var(--bqdm-card-3-border, var(--bqdm-box-border, #d9e1ea)); } .bqdm-card-1:hover:not(.is-selected) { background-color: var(--bqdm-card-1-hover-bg, var(--bqdm-card-1-bg, var(--bqdm-box-bg))) !important; border-color: var(--bqdm-card-1-hover-border, var(--bqdm-card-1-border, var(--bqdm-box-border))) !important; }
.bqdm-card-2:hover:not(.is-selected) { background-color: var(--bqdm-card-2-hover-bg, var(--bqdm-card-2-bg, var(--bqdm-box-bg))) !important; border-color: var(--bqdm-card-2-hover-border, var(--bqdm-card-2-border, var(--bqdm-box-border))) !important; }
.bqdm-card-3:hover:not(.is-selected) { background-color: var(--bqdm-card-3-hover-bg, var(--bqdm-card-3-bg, var(--bqdm-box-bg))) !important; border-color: var(--bqdm-card-3-hover-border, var(--bqdm-card-3-border, var(--bqdm-box-border))) !important; }
.bqdm-card:hover:not(.is-selected) { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(20,35,60,.12); transition: transform 0.15s, box-shadow 0.15s, background-color 0.15s; }
.bqdm-card.is-selected {
border-color: var(--bqdm-box-border-selected, #111827);
border-width: var(--bqdm-box-selected-border-width, 2px);
box-shadow: 0 0 0 var(--bqdm-box-selected-border-width, 2px) var(--bqdm-box-border-selected, #111827), 0 8px 24px rgba(20,35,60,.08);
transform: translateY(-2px);
background-color: var(--bqdm-box-bg-selected, var(--bqdm-card-bg)) !important;
color: var(--bqdm-box-text-selected, var(--bqdm-box-text, inherit));
}
.bqdm-card.is-selected *:not(.bqdm-card-badge) { color: inherit; }
.bqdm-card *:not(.bqdm-card-badge) { line-height: 1 !important; box-sizing: border-box; }
.bqdm-card p { margin: 0 !important; padding: 0 !important; }
.bqdm-card-top { font-size: var(--bqdm-title-size, 27px) !important; font-weight: var(--bqdm-title-weight, 700) !important; line-height: var(--bqdm-title-lh, 1.1) !important; letter-spacing: var(--bqdm-title-ls, 0) !important; display: block; margin: 0 !important; padding: 0 !important; }
.bqdm-card-price { font-size: var(--bqdm-price-size, 28px) !important; font-weight: var(--bqdm-price-weight, 700) !important; line-height: var(--bqdm-price-lh, 1.2) !important; letter-spacing: var(--bqdm-price-ls, 0) !important; display: flex; align-items: center; flex-grow: 0; margin: 0 !important; padding: 0 !important; }
.bqdm-card-price small { font-size: var(--bqdm-suffix-size, 15px) !important; letter-spacing: var(--bqdm-suffix-ls, 0px) !important; font-weight: 500 !important; line-height: 1 !important; margin-left: 3px; }
.bqdm-card-save {
font-size: var(--bqdm-save-size, 14px) !important;
font-weight: var(--bqdm-save-weight, 700) !important;
line-height: var(--bqdm-save-lh, 1.3) !important;
letter-spacing: var(--bqdm-save-ls, 0) !important;
display: inline-block;
align-self: flex-start;
background: var(--bqdm-save-bg, rgba(0,0,0,0.18));
color: var(--bqdm-save-color, inherit);
border-radius: 999px;
padding: 2px 10px;
margin-top: 4px;
white-space: nowrap;
}
.bqdm-card-badge {
position: absolute;
top: calc(var(--bqdm-badge-offset, 0px) * -1);
right: 8px;
transform: translateY(-100%);
font-size: var(--bqdm-badge-size, 12px);
line-height: var(--bqdm-badge-lh, 1);
font-weight: var(--bqdm-badge-weight, 700);
background: var(--bqdm-badge-bg, #ffffff);
color: var(--bqdm-badge-color, #111827);
opacity: var(--bqdm-badge-opacity, 1);
border-radius: 999px;
padding: 3px 10px;
white-space: nowrap;
box-shadow: 0 2px 6px rgba(0,0,0,.15);
z-index: 2;
}
.bqdm-button-wrap {
display: flex;
justify-content: var(--bqdm-button-justify, flex-start);
}
.bqdm-wrapper .bqdm-ajax-add-to-cart,
.bqdm-wrapper .bqdm-ajax-add-to-cart.button,
.bqdm-wrapper .bqdm-ajax-add-to-cart.button.alt {
transition: background-color 0.2s, color 0.2s, border-color 0.2s;
display: inline-block !important;
width: var(--bqdm-button-width, 100%) !important;
min-height: 48px !important;
border-radius: var(--bqdm-button-radius, 12px) !important;
font-size: var(--bqdm-button-size, 16px) !important;
font-weight: var(--bqdm-button-weight, 600) !important;
line-height: var(--bqdm-button-lh, 1.4) !important;
letter-spacing: var(--bqdm-button-ls, 0) !important;
background-color: var(--bqdm-button-bg, #88ad35) !important;
color: var(--bqdm-button-color, #ffffff) !important;
border-width: var(--bqdm-button-border-width, 2px) !important;
border-style: solid !important;
border-color: var(--bqdm-button-border-color, #88ad35) !important;
box-sizing: border-box !important;
text-decoration: none !important;
}
.bqdm-wrapper .bqdm-ajax-add-to-cart:hover,
.bqdm-wrapper .bqdm-ajax-add-to-cart.button:hover,
.bqdm-wrapper .bqdm-ajax-add-to-cart.button.alt:hover {
background-color: var(--bqdm-button-hover-bg, var(--bqdm-button-bg, #88ad35)) !important;
color: var(--bqdm-button-hover-color, var(--bqdm-button-color, #ffffff)) !important;
border-color: var(--bqdm-button-hover-border, var(--bqdm-button-border-color, #88ad35)) !important;
}
.bqdm-empty { padding: 14px; border: 1px dashed #d1d5db; border-radius: 12px; color: #6b7280; background: #fafafa; } @container bqdm (max-width: 481px) {
.bqdm-cards {
gap: 5px;
}
.bqdm-card {
padding: 6px !important;
gap: 1px !important;
}
.bqdm-card *:not(.bqdm-card-badge) {
line-height: 1 !important;
margin: 0;
}
.bqdm-card-top, .bqdm-card-price { padding: 0; }
.bqdm-card-badge {
top: calc(var(--bqdm-badge-offset, 0px) * -1);
right: 3px;
transform: translateY(-100%);
font-size: var(--bqdm-badge-size, 12px);
padding: 1px 10px;
}
}  @media (max-width: 481px) {
.bqdm-wrapper {
margin: 0 !important;
padding: 0 !important;
}
.bqdm-cards {
margin: 0 !important;
padding: 0 !important;
}
.bqdm-button-wrap {
padding: 0 !important;
}
}
form.cart.bqdm-active-form > .quantity,
form.cart.bqdm-active-form .single_add_to_cart_button,
form.cart.bqdm-active-form .quantity,
form.cart.bqdm-active-form input.qty {
display: none !important;
}