/* BidBaq React progressive frontend */
[data-react-component][data-react-mounted="1"]{min-width:0}
.react-market-search{position:relative}
.react-suggestions{max-height:min(70vh,560px);overflow:auto;padding:8px}
.react-suggestion{width:100%;border:0;background:transparent;text-align:left;cursor:pointer;border-radius:14px}
.react-suggestion:hover,.react-suggestion.is-active{background:#f5f7fb}
.react-suggestion .suggestion-copy{min-width:0}
.react-suggestion .suggestion-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.react-suggestion .suggestion-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.react-product-actions{display:grid;gap:12px;margin-top:16px}
.react-compete-button{width:100%;min-height:68px;display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:12px;border-radius:18px;padding:13px 16px}
.react-compete-button>span:first-child{font-size:24px;line-height:1}
.react-compete-button>span:last-child{display:grid;gap:2px}
.react-compete-button strong{font-size:15px;line-height:1.25}
.react-compete-button small{font-size:12px;line-height:1.3;opacity:.83;font-weight:600}
.react-secondary-actions{display:flex;gap:9px;flex-wrap:wrap}
.react-secondary-actions .btn{flex:0 0 auto}
.react-secondary-actions .is-saved{font-weight:800}

.react-sheet-layer{position:fixed;inset:0;z-index:1200;display:flex;align-items:flex-end;justify-content:center;padding:0}
.react-sheet-scrim{position:absolute;inset:0;border:0;background:rgba(15,23,42,.54);backdrop-filter:blur(3px);cursor:default}
.react-bottom-sheet{position:relative;width:min(720px,100%);max-height:min(90vh,860px);overflow:auto;background:#fff;border-radius:24px 24px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -24px 70px rgba(15,23,42,.2);animation:bidbaqSheetIn .2s ease-out}
@keyframes bidbaqSheetIn{from{transform:translateY(28px);opacity:.6}to{transform:translateY(0);opacity:1}}
.react-sheet-handle{width:42px;height:5px;border-radius:99px;background:#d8dee9;margin:0 auto 12px}
.react-sheet-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:0 2px 12px;border-bottom:1px solid #edf0f5}
.react-sheet-head h2{font-size:24px;margin:2px 0 5px;letter-spacing:-.025em}
.react-sheet-head p{font-size:13px;color:#64748b;margin:0;line-height:1.45}
.react-icon-button{width:38px;height:38px;border:1px solid #e5e9f0;background:#fff;border-radius:50%;font-size:25px;line-height:1;color:#475569;cursor:pointer}
.react-request-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.react-request-grid>label,.react-target{display:grid;gap:7px;font-size:12px;font-weight:800;color:#475569}
.react-request-grid select,.react-request-grid input,.react-target input{width:100%;height:46px;border:1px solid #dfe4ec;border-radius:13px;background:#fff;padding:0 13px;font:inherit;color:#111827;outline:none}
.react-request-grid select:focus,.react-request-grid input:focus,.react-target input:focus{border-color:#204186;box-shadow:0 0 0 3px rgba(32,65,134,.1)}
.react-stepper{height:46px;border:1px solid #dfe4ec;border-radius:13px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;overflow:hidden}
.react-stepper button{height:100%;border:0;background:#f8fafc;font-size:20px;cursor:pointer;color:#204186}.react-stepper strong{text-align:center;font-size:15px;color:#111827}
.react-condition-row,.react-duration{display:grid;gap:8px;margin-top:15px;font-size:12px;font-weight:800;color:#475569}
.react-segmented{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:14px;background:#f1f4f8}
.react-segmented button{border:0;border-radius:11px;padding:10px;background:transparent;font-weight:800;color:#64748b;cursor:pointer}.react-segmented button.active{background:#fff;color:#204186;box-shadow:0 1px 5px rgba(15,23,42,.08)}
.react-duration .duration-chips{display:flex;gap:7px;overflow:auto;padding-bottom:2px}.react-duration .choice-chip{border:1px solid #dfe4ec;background:#fff;border-radius:999px;padding:9px 13px;white-space:nowrap;font-weight:800;color:#475569;cursor:pointer}.react-duration .choice-chip.active{background:#eef3ff;border-color:#204186;color:#204186}
.react-details-toggle{margin-top:13px;border:0;background:transparent;padding:5px 0;color:#204186;font-weight:800;cursor:pointer}.react-details-toggle span{font-weight:600;color:#94a3b8;margin-left:3px}.react-target{margin-top:7px}
.react-eligibility{margin-top:16px;padding:12px 13px;border-radius:14px;background:#f8fafc;border:1px solid #e7ebf1;display:flex;align-items:center;gap:10px}.react-eligibility.ready{background:#f3fbf7;border-color:#d7efe2}.react-eligibility>div{display:grid;gap:2px}.react-eligibility strong{font-size:13px;color:#1f2937}.react-eligibility small{font-size:11px;color:#64748b}
.react-live-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#16a34a;box-shadow:0 0 0 5px rgba(22,163,74,.12)}
.react-primary-action{width:100%;min-height:52px;margin-top:14px;border-radius:15px;font-size:15px}
.react-primary-action:disabled{opacity:.5;cursor:not-allowed}
.react-sheet-foot{text-align:center;color:#7b8798;font-size:11px;line-height:1.45;margin:10px 10px 0}
.react-sheet-loading{display:grid;gap:12px;padding:20px 0}
.react-skeleton{height:50px;border-radius:14px;background:linear-gradient(90deg,#f1f3f6,#fafbfc,#f1f3f6);background-size:200% 100%;animation:bidbaqSkeleton 1.3s infinite}.react-skeleton.wide{height:72px}@keyframes bidbaqSkeleton{to{background-position:-200% 0}}

.react-live-strip{margin:12px 0 18px;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #e4e9f0;background:#fbfcfe;border-radius:16px}.react-live-strip.has-update{border-color:#c8d6f5;background:#f5f8ff}.react-live-strip>div{display:grid;gap:2px;min-width:0;flex:1}.react-live-strip strong{font-size:13px}.react-live-strip small{font-size:11px;color:#64748b}.react-live-strip .btn{margin-left:auto}

.react-opportunity-list{display:grid;gap:10px}.react-opportunity-card{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.react-opportunity-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(15,23,42,.06);border-color:#ccd6ea}.react-card-badges{margin-bottom:7px}.react-opportunity-skeleton{display:grid;gap:10px}.react-opportunity-skeleton .react-skeleton{height:84px}

@media(min-width:760px){.react-bottom-sheet{border-radius:24px;margin-bottom:22px;padding:10px 22px 24px}.react-sheet-layer{padding:18px}.react-request-grid{grid-template-columns:130px 1.25fr 1fr 1fr}.react-sheet-head h2{font-size:28px}}
@media(max-width:640px){.react-request-grid{grid-template-columns:1fr 1fr}.react-secondary-actions{display:grid;grid-template-columns:1fr 1fr}.react-secondary-actions .btn{width:100%}.react-live-strip{align-items:flex-start;flex-wrap:wrap}.react-live-strip .btn{width:100%;margin-left:20px}.react-compete-button{position:relative}.react-bottom-sheet{padding-left:15px;padding-right:15px}.react-suggestions{position:fixed;left:10px;right:10px;top:calc(66px + env(safe-area-inset-top));max-height:58vh;border-radius:18px;z-index:1000}}
@media(prefers-reduced-motion:reduce){.react-bottom-sheet,.react-skeleton{animation:none!important}.react-opportunity-card{transition:none}}

/* BidBaq 1.3.0 · React used verification */
.react-used-actions{display:grid;gap:10px;margin-top:14px}.react-used-primary{width:100%;min-height:52px;font-weight:900}.react-used-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.react-used-quick button{min-height:44px}.used-verification-sheet{max-width:560px}.used-method-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.used-method-choice{border:1px solid #d0d5dd;background:#fff;border-radius:13px;padding:12px;text-align:left;cursor:pointer;display:grid;gap:4px}.used-method-choice strong{font-size:13px}.used-method-choice span{font-size:11px;color:#667085}.used-method-choice.active{border-color:#204186;background:#f2f6ff;box-shadow:inset 0 0 0 1px #204186}.react-verification-code-note{padding:11px 12px;border-radius:12px;background:#fff8e7;border:1px solid #eed7a1;font-size:12px;color:#6b5b35}.react-used-reserved{padding:12px 14px;border-radius:12px;background:#fff8e7;border:1px solid #eed7a1;color:#6b5b35}
@media(max-width:640px){.used-method-picker{grid-template-columns:1fr}.react-used-quick{grid-template-columns:1fr}.used-verification-sheet{max-width:none}}

/* BidBaq 1.4.0 · React commerce */
.react-buy-best{width:100%;min-height:62px;display:flex;justify-content:space-between;text-align:left;padding:12px 16px;border-radius:18px}.react-buy-best>span:first-child{display:grid;gap:2px}.react-buy-best small{font-size:11px;color:#dbeafe;font-weight:600}.react-buy-best>span:last-child{font-size:26px}.react-offer-commerce{display:flex;gap:7px;justify-content:flex-end}.react-cart-shell{min-width:0}.react-cart-group header strong+.badge{margin-left:3px}.react-cart-fulfilment{display:flex;gap:5px;margin-top:5px}.react-cart-fulfilment button{border:1px solid #dfe4ec;background:#fff;color:#667085;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;cursor:pointer}.react-cart-fulfilment button.active{background:#eef3ff;color:#204186;border-color:#9bb1df}.react-stepper.compact{height:34px;grid-template-columns:32px 34px 32px;border-radius:10px}.react-stepper.compact button{font-size:16px}.react-cart-summary .summary-row{color:#cbd5e1}.react-cart-summary .summary-total{border-color:#334155}.react-cart-summary .summary-total strong{font-size:30px}.react-checkout-shell{min-width:0}.checkout-error{position:sticky;top:72px;z-index:5}.react-checkout-step{transition:border-color .15s}.react-address-editor{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;margin:10px 0;border-radius:14px;background:#f8fafc}.react-address-editor .btn{grid-column:1/-1}.react-segmented.compact{display:flex;width:max-content;padding:3px}.react-segmented.compact button{padding:7px 9px;font-size:10px}.checkout-mobile-bar{bottom:calc(67px + env(safe-area-inset-bottom))}.checkout-mobile-bar strong{font-size:19px}.react-checkout-shell button:focus-visible,.react-cart-shell button:focus-visible,.react-offer-commerce button:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}
@media(max-width:640px){.react-offer-commerce{display:grid;grid-template-columns:1fr 1fr;width:100%}.react-offer-commerce .btn{width:100%}.react-address-editor{grid-template-columns:1fr}.react-secondary-actions{grid-template-columns:1fr 1fr 1fr}.react-buy-best,.react-compete-button{min-height:64px}}
