.brxe-product-add-to-cart, .wbe-atc-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 0; max-width: 500px; width: 100%; overflow: hidden; } .wbe-atc-card .woocommerce-variation.single_variation { display: block !important; } .wbe-atc-card .woocommerce-variation-description, .wbe-atc-card .woocommerce-variation-price > .price, .wbe-atc-card .woocommerce-variation-availability { display: none !important; } form.cart > .wc-points-rewards-product-message, .woocommerce-variation-price .wc-points-rewards-product-message, .woocommerce-variation-add-to-cart > .wc-points-rewards-product-message { display: none !important; } .wbe-atc-thumb-row { display: flex; align-items: center; gap: 14px; padding: 20px 22px 0; } .wbe-atc-thumb-row img { width: 64px; height: 64px; border-radius: 8px; object-fit: cover; border: 1px solid #f1f5f9; flex-shrink: 0; } .wbe-atc-thumb-info { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .wbe-atc-thumb-title { font-size: 14px; font-weight: 600; color: #0f172a; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .wbe-atc-rating { margin-top: 4px; } .wbe-atc-rating .star-rating { display: inline-block; font-size: 12px; width: 5.4em; height: 1.1em; margin-right: 4px; vertical-align: middle; } .wbe-atc-rating .star-rating::before { color: #d1d5db; left: 0; } .wbe-atc-rating .star-rating span::before { color: #f59e0b; } .wbe-atc-rating .woocommerce-review-link { font-size: 11px; color: #64748b; text-decoration: none; vertical-align: middle; } .wbe-atc-rating .woocommerce-review-link:hover { color: #0f172a; } .wbe-atc-variations { padding: 14px 22px 0; display: flex; flex-direction: column; gap: 14px; } .wbe-atc-var-group { display: flex; flex-direction: column; gap: 8px; } .wbe-atc-var-label { font-size: 11px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: .05em; } .wbe-atc-var-options { display: flex; flex-wrap: wrap; gap: 8px; } .wbe-atc-var-opt { display: flex; align-items: center; gap: 8px; padding: 6px 12px 6px 6px; background: #fff; border: 2px solid #e2e8f0; border-radius: 10px; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 500; color: #334155; transition: border-color .15s, box-shadow .15s; outline: none; } .wbe-atc-var-opt:hover { border-color: #94a3b8; } .wbe-atc-var-opt:focus-visible { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.15); } .wbe-atc-var-opt.wbe-active { border-color: #0f172a; background: #f8fafc; box-shadow: 0 0 0 1px #0f172a; } .wbe-atc-var-opt img { width: 40px; height: 40px; border-radius: 6px; object-fit: cover; flex-shrink: 0; } .wbe-atc-var-opt span { line-height: 1.3; white-space: nowrap; } .wbe-atc-var-clear { font-size: 11px; color: #94a3b8; text-decoration: none; transition: color .15s; align-self: flex-start; } .wbe-atc-var-clear:hover { color: #ef4444; } .wbe-atc-var-clear::before { content: '× '; } form.variations_form > table.variations { position: absolute !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important; clip: rect(0,0,0,0) !important; } .wbe-atc-price-calc { display: flex; align-items: baseline; justify-content: space-between; padding: 14px 22px 0; font-size: 13px; color: #64748b; } .wbe-atc-price-calc .wbe-atc-calc-unit { font-size: 20px; color: #3d3d3d; } .wbe-atc-price-calc .wbe-atc-calc-total { font-size: 20px; font-weight: 700; color: #0f172a; } .wbe-atc-points { padding: 6px 22px 0; font-size: 12.5px; color: #475569; } .wbe-atc-points .wc-points-rewards-product-message { display: flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; padding: 8px 12px !important; background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; font-size: 12px !important; font-weight: 500 !important; } .wbe-atc-points-icon { width: 14px; height: 14px; flex-shrink: 0; } .wbe-atc-points .wc-points-rewards-product-message strong { color: #0f172a !important; font-weight: 700 !important; } .wbe-atc-points:empty { display: none; } p.stock.in-stock { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 3px 10px 3px 7px !important; background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #64748b !important; font-size: 11px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: .02em !important; margin: 14px 22px 0 !important; } p.stock.in-stock::before { content: ''; display: block; width: 6px; height: 6px; min-width: 6px; background: #22c55e; border-radius: 50%; } form.cart { display: flex !important; flex-direction: column !important; gap: 12px !important; padding: 18px 22px 22px !important; } form.cart > br                                        { display: none !important; } form.cart > wc-order-attribution-inputs             { display: none !important; } form.cart > .wc-stripe-clear                         { display: none !important; } form.cart > .quantity                                 { order: 1 !important; } form.cart > .single_add_to_cart_button                { order: 2 !important; } form.cart > .wc-stripe-product-checkout-container     { order: 3 !important; } form.cart > .wsb-bn-btn                               { order: 4 !important; margin-top: 0!important; max-width: 100%!important;} form.cart > p.stock                                   { order: 5 !important; margin: 0 0 8px !important; } form.cart > .quantity { display: flex !important; align-items: center !important; justify-content: space-between !important; height: 48px !important; background: #fff !important; border: 1.5px solid #e2e8f0 !important; border-radius: 8px !important; overflow: hidden !important; transition: border-color .15s !important; width: 100% !important; } form.cart > .quantity:focus-within { border-color: #94a3b8 !important; } form.cart > .quantity::before { content: var(--wbe-qty-label, 'Quantity'); padding-left: 14px; font-size: 13px; font-weight: 500; margin-right: 15px; color: #64748b; flex-shrink: 0; } .screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; border: 0 !important; } .quantity .action { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; cursor: pointer !important; color: #0f172a !important; user-select: none !important; flex-shrink: 0 !important; transition: background .12s !important; background: transparent !important; font-size: 18px !important; font-weight: 400 !important; border: 0 !important; height: 100%; } .quantity .action:hover  { background: #f1f5f9 !important; } .quantity .action:active { background: #e2e8f0 !important; } .quantity .action.minus  { border-right: 1px solid #e2e8f0 !important; } .quantity .action.plus   { border-left:  1px solid #e2e8f0 !important; } .quantity .action svg { width: 16px !important; height: 16px !important; stroke-width: 2 !important; pointer-events: none !important; } .quantity input.qty { width: 52px !important; text-align: center !important; background: transparent !important; font-size: 16px !important; font-weight: 600 !important; color: #0f172a !important; outline: none !important; font-family: inherit !important; padding: 0 !important; box-shadow: none !important; border: none !important; -moz-appearance: textfield !important; } .quantity input.qty::-webkit-outer-spin-button, .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none !important; } button.single_add_to_cart_button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; height: 50px !important; width: 100% !important; padding: 0 20px !important; background: #111 !important; color: #fff !important; border: none !important; border-radius: 8px !important; font-size: 15px !important; font-weight: 600 !important; cursor: pointer !important; font-family: inherit !important; letter-spacing: .01em !important; position: relative !important; margin: 0 !important; overflow: hidden !important; transition: background .18s, transform .15s !important; } button.single_add_to_cart_button:hover { background: #1e293b !important; transform: translateY(-1px) !important; } button.single_add_to_cart_button:active { transform: scale(.985) !important; } button.single_add_to_cart_button::before, button.single_add_to_cart_button::after { display: none !important; } form.cart > .wc-stripe-product-checkout-container { position: relative !important; padding-top: 18px !important; padding-bottom: 0 !important; margin-top: 20px !important; border-top: 1px solid #e5e7eb !important; border-bottom: none !important; margin: 0; } form.cart > .wc-stripe-product-checkout-container::before { content: var(--wbe-express-label, 'Express Checkout'); position: absolute; top: -1px; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 0 10px; font-size: 10px; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: .1em; white-space: nowrap; } form.cart > .wc-stripe-product-checkout-container::after { display: none !important; } .wc_stripe_product_payment_methods { list-style: none !important; display: flex !important; flex-direction: column !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } li.payment_method_stripe_applepay { display: none !important; } .wc-stripe-cart-checkout-container ul.wc_stripe_cart_payment_methods li[class*=payment_method_stripe_], .wc-stripe-product-checkout-container ul.wc_stripe_product_payment_methods li[class*=payment_method_stripe_] { margin: 0 !important; } #gpay-button-online-api-id { width: 100% !important; height: 50px !important; display: block !important; cursor: pointer; transition: opacity .2s, transform .15s; } #gpay-button-online-api-id:hover { opacity: .86; transform: translateY(-1px); } .wbe-atc-payment-icons { display: flex; align-items: center; justify-content: center; gap: 8px; flex-direction: column; padding: 14px 22px; border-top: 1px solid #f1f5f9; font-size: 12px; } .wbe-atc-payment-icons svg, .wbe-atc-payment-icons img { max-width: 160px; opacity: 1; flex-shrink: 0; } .woocommerce-variation-add-to-cart { display: flex !important; flex-direction: column !important; } .woocommerce-variation .wc-points-rewards-product-message { display: none !important; } form.cart > .wc-points-rewards-product-message, .woocommerce-variation-add-to-cart > .wc-points-rewards-product-message { align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 10px 14px !important; background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; color: #475569 !important; font-size: 12.5px !important; font-weight: 500 !important; line-height: 1.5 !important; order: 99 !important; } .wc-points-rewards-product-message::before { content: none; } .wc-points-rewards-product-message > strong { color: #0f172a !important; font-weight: 700 !important; font-size: 13px !important; } button.wsb-bn-btn { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 50px !important; padding: 0 !important; background: #fff !important; color: #0f172a !important; border: 1.5px solid #e2e8f0 !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 600 !important; cursor: pointer !important; font-family: inherit !important; transition: border-color .15s, background .15s !important; } button.wsb-bn-btn:hover { border-color: #94a3b8 !important; background: #f8fafc !important; } .wsb-bn-text { display: inline-flex !important; align-items: center !important; gap: 8px !important; } .wsb-bn-text svg { transition: transform .2s; } button.wsb-bn-btn:hover .wsb-bn-text::after { transform: translateX(3px); } @media screen and (max-width: 767px) { .brxe-product-add-to-cart, .wbe-atc-card { max-width: 100%; border-radius: 10px; } .wbe-atc-thumb-row { padding: 16px 16px 0; } form.cart { padding: 14px 16px 18px !important; } .wbe-atc-price-calc { padding: 12px 16px 0; flex-direction: column; } .wbe-atc-price-calc .wbe-atc-calc-total { border-top: 1px solid #ddd; width: 100%; padding-top: 5px; margin-top: 15px; } button.single_add_to_cart_button { height: 50px !important; font-size: 14px !important; } } form.cart .tc-extra-product-options { order: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border-radius: 0 !important; } form.cart .tc-extra-product-options .cpf-section { margin: 0; } form.cart .tc-extra-product-options .tc-section-inner-wrap { padding: 0; } form.cart .tc-extra-product-options .tc-row { margin: 0; } .tm-extra-product-options .tc-cell.tm-error { background: #fff1eb; font-weight: 500; font-size: 13px; padding: 3px 12px; border-radius: 6px; border: 1px solid #ffc5c5; margin: 0 !important; } form.cart .tc-epo-label { font-size: 11px !important; font-weight: 600 !important; color: #64748b !important; text-transform: uppercase !important; letter-spacing: .05em !important; margin-bottom: 0 !important; padding: 0 !important; } form.cart .tc-epo-label .tm-epo-required { color: #ef4444; } form.cart .tm-epo-totals { display: none !important; } form.cart .tmcp-ul-wrap { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } form.cart li.tmcp-field-wrap { background: #fff !important; border: 2px solid #e2e8f0 !important; border-radius: 10px !important; padding: 8px !important; margin: 0 !important; transition: border-color .15s !important; width: auto !important; flex: 0 0 auto !important; } form.cart li.tmcp-field-wrap:hover { border-color: #94a3b8 !important; } form.cart li.tmcp-field-wrap.tc-active { border-color: #0f172a !important; background: #f8fafc !important; box-shadow: 0 0 0 1px #0f172a !important; } form.cart .tmcp-field-wrap .tm-epo-field-label { display: flex !important; align-items: center !important; gap: 10px !important; flex-direction: row !important; flex-flow: row !important; cursor: pointer !important; } form.cart .tmcp-field-wrap .tmcp-radio { position: absolute !important; opacity: 0 !important; pointer-events: none !important; } form.cart .tc-product-image { flex-shrink: 0; margin: 0; } form.cart .tc-product-image img { width: 44px !important; height: 44px !important; max-width: 44px !important; border-radius: 6px !important; object-fit: cover !important; display: block !important; } form.cart .tc-label-wrap { flex: 1; min-width: 0; } form.cart .tc-label-inner { padding: 0 !important; } form.cart .tc-label-text { font-size: 12px !important; line-height: 1.35 !important; color: #334155 !important; min-height: auto !important; max-width: none !important; text-align: left !important; } form.cart .tc-price-wrap { position: static !important; width: auto !important; text-align: left !important; margin-top: 2px !important; } form.cart .tc-price-wrap .price { font-size: 11px !important; } form.cart .tc-price-wrap ins { text-decoration: none !important; font-weight: 600 !important; color: #0f172a !important; } form.cart .tc-price-wrap ins .amount { color: #0f172a !important; font-size: 12px !important; } form.cart .tc-price-wrap ins .amount bdi { font-size: 12px !important; } form.cart .tc-price-wrap del { font-size: 11px !important; color: #94a3b8 !important; margin-right: 4px !important; } form.cart .tc-price-wrap del .amount { color: #94a3b8 !important; font-size: 11px !important; } form.cart .tm-epo-reset-radio { position: absolute !important; top: 6px !important; right: 6px !important; width: 18px !important; height: 18px !important; border: 0 !important; background: #f1f5f9 !important; border-radius: 50% !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; font-size: 10px !important; color: #94a3b8 !important; z-index: 1 !important; transition: background .15s, color .15s !important; } form.cart .tm-epo-reset-radio:hover { background: #fee2e2 !important; color: #ef4444 !important; } form.cart .tc-epo-element-product-li-container { display: none !important; } form.cart .tc-lightbox-wrap { display: block !important; width: 100% !important; height: 100% !important; border: 0 !important; background: transparent !important; } form.cart .tc-lightbox-button { width: 100% !important; height: 100% !important; } form.cart .tc-lightbox-button::before { content: none !important; } form.cart .screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; border: 0 !important; }