.ybp-wrap{margin:24px 0;color:var(--ybp-text);font-family:inherit;width:100%;max-width:none;flex:0 0 100%;box-sizing:border-box}.ybp-heading{font-size:14px;font-weight:800;letter-spacing:.08em;margin:0 0 12px}.ybp-options{display:grid;gap:12px;width:100%}.ybp-tier{position:relative;background:var(--ybp-bg);border:1px solid var(--ybp-border);border-radius:var(--ybp-radius);padding:20px 16px;cursor:pointer;transition:.18s ease;width:100%;max-width:none;box-sizing:border-box}.ybp-tier:hover{transform:translateY(-1px)}.ybp-tier.is-selected{background:var(--ybp-selected-bg);border-color:var(--ybp-selected-border);box-shadow:0 0 0 1px var(--ybp-selected-border) inset}.ybp-tier-main{display:flex;align-items:center;gap:14px;width:100%}.ybp-radio input{width:22px;height:22px;margin:0;pointer-events:none;accent-color:var(--ybp-text)}.ybp-copy{min-width:0;flex:1}.ybp-label{font-size:17px;font-weight:750;line-height:1.2}.ybp-subtitle{font-size:13px;color:var(--ybp-muted);margin-top:5px}.ybp-prices{text-align:right;white-space:nowrap}.ybp-price{font-size:17px;font-weight:800}.ybp-original{font-size:12px;color:#9ca3af;text-decoration:line-through;margin-top:4px}.ybp-saving{font-size:11px;color:var(--ybp-accent);font-weight:700;margin-top:3px}.ybp-badge{position:absolute;right:14px;top:-11px;background:var(--ybp-badge-bg);color:var(--ybp-badge-color);font-size:10px;font-weight:800;letter-spacing:.08em;padding:5px 13px;border-radius:999px;z-index:2}.ybp-individual{border-top:1px solid var(--ybp-border);margin-top:18px;padding-top:16px;width:100%}.ybp-individual[hidden]{display:none!important}.ybp-individual-title{font-size:13px;color:var(--ybp-muted);margin-bottom:12px}.ybp-item-row{display:grid;grid-template-columns:auto 52px repeat(2,minmax(0,1fr));gap:10px;align-items:center;margin:10px 0;width:100%}.ybp-item-name{font-size:13px;font-weight:700;min-width:44px}.ybp-item-image{width:52px;height:52px;object-fit:cover;border-radius:7px;background:#f3f4f6;display:block}.ybp-item-attr{min-width:0;width:100%;height:44px!important;border:1px solid #d1d5db!important;border-radius:9px!important;padding:0 10px!important;background:#fff!important;color:inherit!important}.ybp-ajax-message{font-size:13px;margin-top:10px;color:#138a43}.ybp-ajax-message.is-error{color:#b42318}
/* Yield Bundle owns quantity whenever active. Keep WooCommerce's quantity field available in the DOM, but hide the UI. */
form.cart.ybp-active>.quantity,form.cart.ybp-active .woocommerce-variation-add-to-cart>.quantity,form.cart.ybp-active .variations_button>.quantity{display:none!important}
/* Some themes make the variation add-to-cart wrapper a flex row. Force the bundle block to occupy the complete row. */
form.cart.ybp-active .woocommerce-variation-add-to-cart,form.cart.ybp-active .variations_button{flex-wrap:wrap!important}.woocommerce-variation-add-to-cart .ybp-wrap,.variations_button .ybp-wrap{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
@media(max-width:560px){.ybp-tier{padding:18px 13px}.ybp-tier-main{gap:10px}.ybp-label,.ybp-price{font-size:15px}.ybp-item-row{grid-template-columns:48px 1fr;gap:8px}.ybp-item-name{grid-column:1/-1}.ybp-item-image{width:48px;height:48px;grid-row:2/span 2}.ybp-item-attr{grid-column:2}.ybp-badge{right:10px}}
