body.wobo-bundle-product form.cart:not(.wobo-bundle-form) { display: none !important; } .wobo-bundle-child { display: none !important; } .wobo-cart-bundle-title, .wobo-cart-bundle-product { display: block; } .wobo-cart-bundle-title { margin-bottom: 2px; font-weight: 800; } .wobo-cart-bundle-product { font-size: .88em; opacity: .78; } .wobo-bundle-widget-summary { display: block; margin-top: 4px; font-weight: 700; } .wobo-bundle-form { margin: 18px 0; } .wobo-bundle-box { max-width: 620px; color: #24242f; font-family: inherit; } .wobo-bundle-heading, .wobo-variation-heading { margin: 0 0 10px; font-size: 15px; font-weight: 800; } .wobo-variation-heading { margin-top: 21px; } .wobo-offer-card { position: relative; display: grid; grid-template-columns: 23px minmax(0, 1fr) auto; gap: 12px; align-items: center; box-sizing: border-box; min-height: 74px; margin: 0 0 10px; padding: 13px 16px; border: 2px solid var(--wobo-card-border, #d7d7d7); border-radius: 11px; background: var(--wobo-card-bg, #fff); cursor: pointer; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; } .wobo-offer-card[hidden], .wobo-bundle-form.is-ab-test-pending .wobo-offer-card { display: none !important; } .wobo-offer-card:hover { border-color: var(--wobo-selected-border, #343434); } .wobo-offer-card.is-selected { border-color: var(--wobo-selected-border, #343434); background: var(--wobo-selected-bg, #fffdf3); box-shadow: 0 2px 8px rgba(0, 0, 0, .08); } .wobo-offer-card input[type="radio"] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; } .wobo-radio-dot { width: 16px; height: 16px; border: 2px solid #d5d5d5; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 3px #fff; } .wobo-offer-card.is-selected .wobo-radio-dot { border-color: var(--wobo-accent, #f1ba1b); background: var(--wobo-accent, #f1ba1b); } .wobo-offer-copy { display: flex; min-width: 0; flex-direction: column; line-height: 1.18; } .wobo-offer-copy strong { font-size: clamp(17px, 2.2vw, 22px); font-weight: 800; } .wobo-offer-copy small { margin-top: 6px; color: var(--wobo-description, #28a126); font-size: 12px; font-weight: 700; } .wobo-offer-value { display: flex; flex-wrap: wrap; gap: 3px 8px; margin-top: 5px; font-size: 11px; font-weight: 800; line-height: 1.3; } .wobo-offer-value[hidden], .wobo-offer-savings[hidden], .wobo-offer-per-item[hidden] { display: none !important; } .wobo-offer-savings { color: var(--wobo-savings, #23851c); } .wobo-offer-per-item { color: #666673; } .wobo-offer-price { font-size: 17px; font-weight: 800; white-space: nowrap; } .wobo-offer-countdown{display:block;font-size:12px;color:#c0392b;font-weight:600;margin-top:4px}.wobo-offer-expired{opacity:.55;pointer-events:none} .wobo-sticky-purchase { display: none; } /* Keep the mobile purchase bar above theme drawers, sticky headers, and * transformed product-summary wrappers. The --fixed class is added when the * bar is moved to by frontend.js. */ @media (max-width: 700px) { .wobo-sticky-purchase, .wobo-sticky-purchase--fixed { display: flex !important; position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 2147483000 !important; box-sizing: border-box !important; align-items: stretch; gap: 8px; width: 100% !important; min-height: 66px; padding: 10px !important; padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important; margin: 0 !important; background: #fff !important; box-shadow: 0 -3px 12px rgba(0, 0, 0, .18) !important; isolation: isolate; visibility: visible !important; opacity: 1 !important; } .wobo-sticky-purchase button, .wobo-sticky-purchase--fixed button { position: relative; z-index: 1; flex: 1 1 0; width: auto !important; min-width: 0; min-height: 46px; margin: 0 !important; padding: 10px 12px !important; border-radius: 9px !important; white-space: nowrap; visibility: visible !important; opacity: 1 !important; } .wobo-sticky-add { border: 1px solid #332c13 !important; background: var(--wobo-button-bg, #f4ca22) !important; color: var(--wobo-button-text, #171722) !important; } .wobo-sticky-buy { border: 1px solid var(--wobo-buy-now-bg, #994a29) !important; background: var(--wobo-buy-now-bg, #994a29) !important; color: var(--wobo-buy-now-text, #fff) !important; } body.wobo-has-sticky-purchase { padding-bottom: 78px !important; } } .wobo-offer-badge { position: absolute; top: -11px; right: 14px; padding: 3px 10px; border-radius: 999px; background: var(--wobo-badge-bg, #31a51c); color: var(--wobo-badge-text, #fff); font-size: 10px; font-weight: 800; letter-spacing: .07em; } .wobo-item-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .wobo-item-card { box-sizing: border-box; padding: 13px; border: 1px solid #d8d8d8; border-radius: 10px; background: #fff; } .wobo-item-card[hidden], .wobo-variation-selects[hidden] { display: none !important; } .wobo-item-title-row { display: flex; gap: 8px; align-items: center; justify-content: space-between; margin-bottom: 9px; } .wobo-item-title { font-size: 14px; } .wobo-free-label, .wobo-free-cart-badge { padding: 2px 7px; border-radius: 999px; background: #39a51d; color: #fff; font-size: 9px; font-weight: 800; } .wobo-select-field { display: block; margin: 0 0 9px; } .wobo-select-field > span { display: block; margin-bottom: 4px; color: #555565; font-size: 11px; font-weight: 700; } .wobo-select-field select { box-sizing: border-box; width: 100%; height: 40px; margin: 0; padding: 0 29px 0 10px; border: 1px solid #cacaca; border-radius: 8px; background-color: #fff; font-size: 13px; } .wobo-variation-status { min-height: 16px; color: #c52c2c; font-size: 11px; line-height: 1.35; } .wobo-form-status { min-height: 20px; margin: 8px 0 0; font-size: 12px; font-weight: 700; } .wobo-form-status.is-error { color: #c52c2c; } .wobo-form-status.is-loading { color: #5b5b68; } .wobo-form-status.is-success { color: #23851c; } .wobo-stock-line { display: flex; gap: 9px; align-items: center; margin: 10px 5px 14px; color: #5b5b68; font-size: 14px; } .wobo-stock-dot { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 50%; background: #64c94c; box-shadow: 0 0 0 3px rgba(100, 201, 76, .14); } .wobo-form-actions { display: grid; gap: 12px; } /* Flatsome/WooCommerce may append a "View cart" link to the clicked add * button after the added_to_cart event. Bundle actions already provide the * intended Add to Bag and Buy now controls, so keep that injected link out of * this form without affecting cart-drawer links elsewhere on the page. */ .wobo-form-actions .added_to_cart, .wobo-form-actions .wc-forward, .wobo-form-actions a[href*="cart"] { display: none !important; } .wobo-add-button, .wobo-buy-now-button { width: 100%; min-height: 58px; margin: 0 !important; border-radius: 10px !important; font-size: 18px !important; font-weight: 800 !important; text-transform: none !important; box-shadow: none !important; } .wobo-add-button { border: 1px solid #332c13 !important; background: var(--wobo-button-bg, #f4ca22) !important; color: var(--wobo-button-text, #171722) !important; } .wobo-buy-now-button { border: 1px solid var(--wobo-buy-now-bg, #994a29) !important; background: var(--wobo-buy-now-bg, #994a29) !important; color: var(--wobo-buy-now-text, #fff) !important; } .wobo-add-button:hover:not(:disabled), .wobo-buy-now-button:hover:not(:disabled) { filter: brightness(.95); transform: translateY(-1px); } .wobo-add-button:disabled, .wobo-buy-now-button:disabled { cursor: not-allowed; opacity: .5; } .wobo-free-cart-badge { display: inline-block; margin-left: 6px; font-size: 10px; line-height: 1.4; vertical-align: middle; } .wobo-fixed-quantity { display: inline-block; min-width: 28px; text-align: center; font-weight: 700; } @media (max-width: 700px) { .wobo-item-grid { grid-template-columns: 1fr; } } @media (max-width: 480px) { .wobo-offer-card { grid-template-columns: 20px minmax(0, 1fr) auto; gap: 9px; padding: 13px 11px; } .wobo-offer-copy strong { font-size: 16px; } .wobo-offer-price { font-size: 15px; } }