/* ==========================================================================
   Bagdad Bread Factory - BUTTONS PRO (loaded last on every page)
   One consistent set of transparent "glass" buttons for the whole website:
   - Primary  : green-tinted glass, fills solid green on hover
   - Secondary: clear glass with a thin brand border
   - Danger   : red-tinted glass
   - Round / icon buttons, header pills, tabs, popups and dark-photo sections included
   Styling only - no text, links, scripts or features are changed.
   ========================================================================== */
:root{
  --bb-g:8,127,62;          /* brand green  */
  --bb-gd:6,106,51;         /* deeper green */
  --bb-gold:201,149,77;
  --bb-red:200,40,40;
  --bb-ease:cubic-bezier(.22,.8,.3,1);
}

/* 1. shared base: shape, type, motion */
html:root:root body.bbf-marketplace-page :is(.btn.primary, .btn.solid, .primary-btn, .account-primary-btn, .add-btn, .btn-submit, .wf-login, .bbf-place-order, .cart-place-order, .bagdad-cart-checkout, .order-actions .accept-btn, .bbf-fb-go, .bbf-lp-go, .sc-save, .rm-go, .why-ok, .primary-action, a.primary, button.primary, .bc-btn.bc-primary, .reorder-btn, .bp-btn-call, .whatsapp-cta, .pf-btn.primary, .cs-btn.primary, .btn.outline, .btn.ghost, .btn.secondary, .btn.cream, .account-outline-btn, .account-secondary-btn, .secondary-action, .bc-secondary, .bc-btn, .bp-btn, .bp-btn-map, .order-action, .order-actions a, .order-actions button, .account-action-btn, .small-account-btn, .pf-btn, .cs-btn, .fulfillment-btn, .order-tab, .category-tabs button, .tabs button, .section-title > a, .wf-google, .wf-apple, .google-account-btn, .daraz-login-btn, .orders-signin, .rm-cancel, .why-lang-btn, .sc-lang-btn, .why-lang button, .sc-lang button, .hc-pop button, .rv, .te, .btn.danger, .pf-danger-btn, button.danger, .del, .remove-wish, .sc-rm, .cart-remove, .bulk-remove-row, .rv2-del, .account-pill, .cart-pill, .header-order-cta, .wf-header-signin, .bagdad-language-toggle, .menu-add, .qty-btn, .icon-btn:not(.bulk-remove-row), .review-arrow, .review-prev, .review-next, .review-ne, .modal-close, .account-close, .drawer-close, .review-close, .address-modal-close, .wf-eye, .video-story-play, .fulfillment-btn.active, .order-tab.active, .category-tabs button.active, .account-tabs .active, .tabs button.on, .btn.link, .wf-lost, .otp-resend, .pub-link, .text-action, .rv2-link, .bbf-fb-no, .bbf-lp-no){
  -webkit-appearance:none; appearance:none;
  font-family:Inter,Arial,sans-serif !important;
  font-weight:800 !important; letter-spacing:.01em !important; line-height:1.2 !important;
  text-decoration:none !important; text-transform:none;
  cursor:pointer; user-select:none; -webkit-tap-highlight-color:transparent;
  align-items:center; justify-content:center; gap:8px; text-align:center;
  border-radius:999px !important;
  -webkit-backdrop-filter:blur(10px) saturate(160%); backdrop-filter:blur(10px) saturate(160%);
  transition:background-color .25s var(--bb-ease), color .2s ease, border-color .2s ease, box-shadow .25s var(--bb-ease), transform .2s var(--bb-ease) !important;
}

/* 2. sizes: large call-to-actions and compact action buttons */
html:root:root body.bbf-marketplace-page :is(.btn, .primary-btn, .account-primary-btn, .account-outline-btn, .account-secondary-btn, .btn-submit, .wf-login, .bbf-place-order, .cart-place-order, .bagdad-cart-checkout, .bbf-fb-go, .bbf-lp-go, .bp-btn, .bc-btn, .wf-google, .wf-apple, .google-account-btn, .daraz-login-btn, .whatsapp-cta, .secondary-action, .primary-action, .reorder-btn, .sc-save, .rm-go, .why-ok){
  min-height:46px; padding:0 24px !important; font-size:14px !important;
}
html:root:root body.bbf-marketplace-page :is(.order-actions a, .order-actions button, .order-action, .account-action-btn, .small-account-btn, .add-btn, .pf-btn, .cs-btn, .pf-danger-btn, .remove-wish, .sc-rm, .del, .rm-cancel, .cart-remove, .rv2-del, .hc-pop button, .btn.link, .wf-lost, .otp-resend, .pub-link, .text-action, .rv2-link, .bbf-fb-no, .bbf-lp-no){
  min-height:36px; padding:0 16px !important; font-size:12.5px !important;
}
@media (max-width:640px){
html:root:root body.bbf-marketplace-page :is(.btn, .primary-btn, .account-primary-btn, .account-outline-btn, .account-secondary-btn, .btn-submit, .wf-login, .bbf-place-order, .cart-place-order, .bagdad-cart-checkout, .bbf-fb-go, .bbf-lp-go, .bp-btn, .bc-btn, .wf-google, .wf-apple, .google-account-btn, .daraz-login-btn, .whatsapp-cta, .secondary-action, .primary-action, .reorder-btn, .sc-save, .rm-go, .why-ok){ min-height:48px; padding:0 20px !important; font-size:14px !important; }
}

/* 3. PRIMARY - green glass (transparent tint, solid on hover) */
html:root:root body.bbf-marketplace-page :is(.btn.primary, .btn.solid, .primary-btn, .account-primary-btn, .add-btn, .btn-submit, .wf-login, .bbf-place-order, .cart-place-order, .bagdad-cart-checkout, .order-actions .accept-btn, .bbf-fb-go, .bbf-lp-go, .sc-save, .rm-go, .why-ok, .primary-action, a.primary, button.primary, .bc-btn.bc-primary, .reorder-btn, .bp-btn-call, .whatsapp-cta, .pf-btn.primary, .cs-btn.primary):not(#_){
  color:rgb(var(--bb-gd)) !important;
  background:linear-gradient(135deg,rgba(var(--bb-g),.22),rgba(var(--bb-g),.08)) !important;
  border:1.5px solid rgba(var(--bb-g),.55) !important;
  box-shadow:0 8px 22px rgba(var(--bb-g),.16), inset 0 1px 0 rgba(255,255,255,.7) !important;
}
@media (hover:hover) and (pointer:fine){
html:root:root body.bbf-marketplace-page :is(.btn.primary, .btn.solid, .primary-btn, .account-primary-btn, .add-btn, .btn-submit, .wf-login, .bbf-place-order, .cart-place-order, .bagdad-cart-checkout, .order-actions .accept-btn, .bbf-fb-go, .bbf-lp-go, .sc-save, .rm-go, .why-ok, .primary-action, a.primary, button.primary, .bc-btn.bc-primary, .reorder-btn, .bp-btn-call, .whatsapp-cta, .pf-btn.primary, .cs-btn.primary):not(#_):hover:not(:disabled):not([aria-disabled=true]){
  color:#fff !important;
  background:linear-gradient(135deg,rgba(var(--bb-g),.96),rgba(var(--bb-gd),.92)) !important;
  border-color:rgba(var(--bb-gd),1) !important;
  box-shadow:0 14px 30px rgba(var(--bb-g),.34), inset 0 1px 0 rgba(255,255,255,.25) !important;
  transform:translateY(-2px);
}
}
html:root:root body.bbf-marketplace-page :is(.btn.primary, .btn.solid, .primary-btn, .account-primary-btn, .add-btn, .btn-submit, .wf-login, .bbf-place-order, .cart-place-order, .bagdad-cart-checkout, .order-actions .accept-btn, .bbf-fb-go, .bbf-lp-go, .sc-save, .rm-go, .why-ok, .primary-action, a.primary, button.primary, .bc-btn.bc-primary, .reorder-btn, .bp-btn-call, .whatsapp-cta, .pf-btn.primary, .cs-btn.primary):not(#_):active:not(:disabled){ transform:translateY(0) scale(.97) !important; box-shadow:0 4px 12px rgba(var(--bb-g),.25) !important; }

/* 4. SECONDARY - clear glass with a thin brand border */
html:root:root body.bbf-marketplace-page :is(.btn.outline, .btn.ghost, .btn.secondary, .btn.cream, .account-outline-btn, .account-secondary-btn, .secondary-action, .bc-secondary, .bc-btn, .bp-btn, .bp-btn-map, .order-action, .order-actions a, .order-actions button, .account-action-btn, .small-account-btn, .pf-btn, .cs-btn, .fulfillment-btn, .order-tab, .category-tabs button, .tabs button, .section-title > a, .wf-google, .wf-apple, .google-account-btn, .daraz-login-btn, .orders-signin, .rm-cancel, .why-lang-btn, .sc-lang-btn, .why-lang button, .sc-lang button, .hc-pop button, .rv, .te){
  color:#1c3a2a !important;
  background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.18)) !important;
  border:1.5px solid rgba(var(--bb-g),.35) !important;
  box-shadow:0 6px 18px rgba(28,55,39,.07), inset 0 1px 0 rgba(255,255,255,.8) !important;
}
@media (hover:hover) and (pointer:fine){
html:root:root body.bbf-marketplace-page :is(.btn.outline, .btn.ghost, .btn.secondary, .btn.cream, .account-outline-btn, .account-secondary-btn, .secondary-action, .bc-secondary, .bc-btn, .bp-btn, .bp-btn-map, .order-action, .order-actions a, .order-actions button, .account-action-btn, .small-account-btn, .pf-btn, .cs-btn, .fulfillment-btn, .order-tab, .category-tabs button, .tabs button, .section-title > a, .wf-google, .wf-apple, .google-account-btn, .daraz-login-btn, .orders-signin, .rm-cancel, .why-lang-btn, .sc-lang-btn, .why-lang button, .sc-lang button, .hc-pop button, .rv, .te):hover:not(:disabled):not([aria-disabled=true]){
  color:rgb(var(--bb-gd)) !important;
  background:rgba(var(--bb-g),.12) !important;
  border-color:rgba(var(--bb-g),.85) !important;
  box-shadow:0 12px 26px rgba(var(--bb-g),.18), inset 0 1px 0 rgba(255,255,255,.7) !important;
  transform:translateY(-2px);
}
}
html:root:root body.bbf-marketplace-page :is(.btn.outline, .btn.ghost, .btn.secondary, .btn.cream, .account-outline-btn, .account-secondary-btn, .secondary-action, .bc-secondary, .bc-btn, .bp-btn, .bp-btn-map, .order-action, .order-actions a, .order-actions button, .account-action-btn, .small-account-btn, .pf-btn, .cs-btn, .fulfillment-btn, .order-tab, .category-tabs button, .tabs button, .section-title > a, .wf-google, .wf-apple, .google-account-btn, .daraz-login-btn, .orders-signin, .rm-cancel, .why-lang-btn, .sc-lang-btn, .why-lang button, .sc-lang button, .hc-pop button, .rv, .te):active:not(:disabled){ transform:translateY(0) scale(.97) !important; }

/* 3b. LINK-STYLE buttons (Forgot password, Resend code, Not now ...) - fully transparent, soft pill on hover */
html:root:root body.bbf-marketplace-page :is(.btn.link, .wf-lost, .otp-resend, .pub-link, .text-action, .rv2-link, .bbf-fb-no, .bbf-lp-no):not(#_){
  color:rgb(var(--bb-gd)) !important; background:transparent !important;
  border:1.5px solid transparent !important; box-shadow:none !important; font-weight:700 !important;
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
html:root:root body.bbf-marketplace-page :is(.bbf-fb-no, .bbf-lp-no):not(#_):not(#_){ color:#55635a !important; }
@media (hover:hover) and (pointer:fine){
html:root:root body.bbf-marketplace-page :is(.btn.link, .wf-lost, .otp-resend, .pub-link, .text-action, .rv2-link, .bbf-fb-no, .bbf-lp-no):not(#_):hover:not(:disabled){ background:rgba(var(--bb-g),.1) !important; border-color:rgba(var(--bb-g),.35) !important; color:rgb(var(--bb-gd)) !important; transform:none !important; }
}
/* anchors used as buttons: keep the label perfectly centred */
html:root:root body.bbf-marketplace-page :is(.section-title > a, a.account-outline-btn, a.account-primary-btn, a.account-secondary-btn, a.primary-btn, a.btn, a.bp-btn, a.secondary-action, a.primary-action, .order-actions a, a.order-action, a.account-action-btn):not([hidden]){
  display:inline-flex; align-items:center; justify-content:center;
}

/* 4b. SELECTED tab / toggle (category tabs, order tabs, pickup-delivery) - solid green glass */
html:root:root body.bbf-marketplace-page :is(.fulfillment-btn.active, .order-tab.active, .category-tabs button.active, .account-tabs .active, .tabs button.on):not(#_):not(#_){
  color:#fff !important;
  background:linear-gradient(135deg,rgba(var(--bb-g),.95),rgba(var(--bb-gd),.9)) !important;
  border:1.5px solid rgba(var(--bb-gd),1) !important;
  box-shadow:0 10px 24px rgba(var(--bb-g),.28), inset 0 1px 0 rgba(255,255,255,.25) !important;
}
@media (hover:hover) and (pointer:fine){
html:root:root body.bbf-marketplace-page :is(.fulfillment-btn.active, .order-tab.active, .category-tabs button.active, .account-tabs .active, .tabs button.on):not(#_):not(#_):hover{ color:#fff !important; background:linear-gradient(135deg,rgba(var(--bb-g),1),rgba(var(--bb-gd),1)) !important; transform:translateY(-2px); }
}

/* 5. DANGER - red glass */
html:root:root body.bbf-marketplace-page :is(.btn.danger, .pf-danger-btn, button.danger, .del, .remove-wish, .sc-rm, .cart-remove, .bulk-remove-row, .rv2-del):not(#_){
  color:rgb(var(--bb-red)) !important;
  background:linear-gradient(135deg,rgba(var(--bb-red),.12),rgba(var(--bb-red),.04)) !important;
  border:1.5px solid rgba(var(--bb-red),.4) !important;
  box-shadow:0 6px 16px rgba(var(--bb-red),.1), inset 0 1px 0 rgba(255,255,255,.7) !important;
}
@media (hover:hover) and (pointer:fine){
html:root:root body.bbf-marketplace-page :is(.btn.danger, .pf-danger-btn, button.danger, .del, .remove-wish, .sc-rm, .cart-remove, .bulk-remove-row, .rv2-del):not(#_):hover:not(:disabled){
  color:#fff !important; background:rgba(var(--bb-red),.92) !important; border-color:rgba(var(--bb-red),1) !important;
  box-shadow:0 12px 26px rgba(var(--bb-red),.3) !important; transform:translateY(-2px);
}
}

/* 6. HEADER pills (Sign in, cart, language, order) - same glass, original sizes kept */
html:root:root body.bbf-marketplace-page :is(.account-pill, .cart-pill, .header-order-cta, .wf-header-signin, .bagdad-language-toggle):not(#_){
  color:rgb(var(--bb-gd)) !important;
  background:linear-gradient(135deg,rgba(var(--bb-g),.14),rgba(var(--bb-g),.04)) !important;
  border:1.5px solid rgba(var(--bb-g),.45) !important;
  box-shadow:0 4px 14px rgba(var(--bb-g),.1), inset 0 1px 0 rgba(255,255,255,.7) !important;
}
@media (hover:hover) and (pointer:fine){
html:root:root body.bbf-marketplace-page :is(.account-pill, .cart-pill, .header-order-cta, .wf-header-signin, .bagdad-language-toggle):not(#_):hover{
  color:rgb(var(--bb-gd)) !important; background:rgba(var(--bb-g),.16) !important; border-color:rgba(var(--bb-g),.9) !important;
  box-shadow:0 10px 22px rgba(var(--bb-g),.22) !important; transform:translateY(-1px) !important;
}
}
html:root:root body.bbf-marketplace-page .wf-header-signin{ min-height:40px; padding:0 18px; font-size:13px !important; }
html:root:root body.bbf-marketplace-page .bagdad-language-toggle{ height:auto !important; min-height:36px !important; min-width:52px !important; padding:0 14px !important; font-size:12px !important; }
html:root:root body.bbf-marketplace-page .cart-pill b, html:root:root body.bbf-marketplace-page .cart-pill span{ background:transparent !important; box-shadow:none !important; }

/* 7. ROUND icon buttons (add to cart +, qty, close X, arrows, search, hamburger, play) */
html:root:root body.bbf-marketplace-page :is(.menu-add, .qty-btn, .icon-btn:not(.bulk-remove-row), .review-arrow, .review-prev, .review-next, .review-ne, .modal-close, .account-close, .drawer-close, .review-close, .address-modal-close, .wf-eye, .video-story-play):not(#_){
  color:rgb(var(--bb-gd)) !important;
  background:linear-gradient(135deg,rgba(var(--bb-g),.18),rgba(var(--bb-g),.06)) !important;
  border:1.5px solid rgba(var(--bb-g),.45) !important;
  box-shadow:0 6px 16px rgba(var(--bb-g),.14), inset 0 1px 0 rgba(255,255,255,.7) !important;
  border-radius:50% !important; padding:0 !important;
}
html:root:root body.bbf-marketplace-page :is(.qty-btn, .wf-eye):not(#_){ border-radius:12px !important; }
@media (hover:hover) and (pointer:fine){
html:root:root body.bbf-marketplace-page :is(.menu-add, .qty-btn, .icon-btn:not(.bulk-remove-row), .review-arrow, .review-prev, .review-next, .review-ne, .modal-close, .account-close, .drawer-close, .review-close, .address-modal-close, .wf-eye, .video-story-play):not(#_):hover:not(:disabled){
  color:#fff !important; background:rgba(var(--bb-g),.95) !important; border-color:rgba(var(--bb-gd),1) !important;
  box-shadow:0 10px 22px rgba(var(--bb-g),.32) !important; transform:translateY(-2px) scale(1.04);
}
}
html:root:root body.bbf-marketplace-page :is(.menu-add, .qty-btn, .icon-btn:not(.bulk-remove-row), .review-arrow, .review-prev, .review-next, .review-ne, .modal-close, .account-close, .drawer-close, .review-close, .address-modal-close, .wf-eye, .video-story-play):not(#_):active:not(:disabled){ transform:scale(.92) !important; }
/* close "X" buttons are calmer: neutral glass, red on hover */
html:root:root body.bbf-marketplace-page :is(.modal-close, .account-close, .drawer-close, .review-close, .address-modal-close):not(#_):not(#_){
  color:#38463d !important; background:rgba(255,255,255,.6) !important; border-color:rgba(28,55,39,.18) !important; box-shadow:0 4px 12px rgba(28,55,39,.1) !important;
}
@media (hover:hover) and (pointer:fine){
html:root:root body.bbf-marketplace-page :is(.modal-close, .account-close, .drawer-close, .review-close, .address-modal-close):not(#_):not(#_):hover{
  color:#fff !important; background:rgba(var(--bb-red),.92) !important; border-color:rgba(var(--bb-red),1) !important; box-shadow:0 10px 22px rgba(var(--bb-red),.3) !important;
}
}

/* 8. buttons that sit on dark photos / green banners: white glass so text stays readable */
html:root:root body.bbf-marketplace-page :is(.hero-banner-content .btn.primary, .hero-banner-content .btn.solid, .hero-banner-content a.primary, .hero-banner-content .primary-btn, .hero-banner-content .btn, .hm-story .btn.primary, .hm-story .btn.solid, .hm-story a.primary, .hm-story .primary-btn, .hm-story .btn, .page-hero .btn.primary, .page-hero .btn.solid, .page-hero a.primary, .page-hero .primary-btn, .page-hero .btn, .story-copy .btn.primary, .story-copy .btn.solid, .story-copy a.primary, .story-copy .primary-btn, .story-copy .btn, .hc-hero .btn.primary, .hc-hero .btn.solid, .hc-hero a.primary, .hc-hero .primary-btn, .hc-hero .btn, .video-story-frame .btn.primary, .video-story-frame .btn.solid, .video-story-frame a.primary, .video-story-frame .primary-btn, .video-story-frame .btn):not(#_):not(#_){
  color:#fff !important;
  background:linear-gradient(135deg,rgba(var(--bb-g),.62),rgba(var(--bb-g),.34)) !important;
  border:1.5px solid rgba(255,255,255,.7) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.35) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
html:root:root body.bbf-marketplace-page :is(.hero-banner-content .btn.outline, .hero-banner-content .btn.ghost, .hero-banner-content .btn.secondary, .hero-banner-content .btn.cream, .hero-banner-content .hc-pop button, .hm-story .btn.outline, .hm-story .btn.ghost, .hm-story .btn.secondary, .hm-story .btn.cream, .hm-story .hc-pop button, .page-hero .btn.outline, .page-hero .btn.ghost, .page-hero .btn.secondary, .page-hero .btn.cream, .page-hero .hc-pop button, .story-copy .btn.outline, .story-copy .btn.ghost, .story-copy .btn.secondary, .story-copy .btn.cream, .story-copy .hc-pop button, .hc-hero .btn.outline, .hc-hero .btn.ghost, .hc-hero .btn.secondary, .hc-hero .btn.cream, .hc-hero .hc-pop button, .video-story-frame .btn.outline, .video-story-frame .btn.ghost, .video-story-frame .btn.secondary, .video-story-frame .btn.cream, .video-story-frame .hc-pop button):not(#_):not(#_){
  color:#fff !important;
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.06)) !important;
  border:1.5px solid rgba(255,255,255,.65) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.35) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
@media (hover:hover) and (pointer:fine){
html:root:root body.bbf-marketplace-page :is(.hero-banner-content .btn.primary, .hero-banner-content .btn.solid, .hero-banner-content a.primary, .hero-banner-content .primary-btn, .hero-banner-content .btn, .hm-story .btn.primary, .hm-story .btn.solid, .hm-story a.primary, .hm-story .primary-btn, .hm-story .btn, .page-hero .btn.primary, .page-hero .btn.solid, .page-hero a.primary, .page-hero .primary-btn, .page-hero .btn, .story-copy .btn.primary, .story-copy .btn.solid, .story-copy a.primary, .story-copy .primary-btn, .story-copy .btn, .hc-hero .btn.primary, .hc-hero .btn.solid, .hc-hero a.primary, .hc-hero .primary-btn, .hc-hero .btn, .video-story-frame .btn.primary, .video-story-frame .btn.solid, .video-story-frame a.primary, .video-story-frame .primary-btn, .video-story-frame .btn, .hero-banner-content .btn.outline, .hero-banner-content .btn.ghost, .hero-banner-content .btn.secondary, .hero-banner-content .btn.cream, .hero-banner-content .hc-pop button, .hm-story .btn.outline, .hm-story .btn.ghost, .hm-story .btn.secondary, .hm-story .btn.cream, .hm-story .hc-pop button, .page-hero .btn.outline, .page-hero .btn.ghost, .page-hero .btn.secondary, .page-hero .btn.cream, .page-hero .hc-pop button, .story-copy .btn.outline, .story-copy .btn.ghost, .story-copy .btn.secondary, .story-copy .btn.cream, .story-copy .hc-pop button, .hc-hero .btn.outline, .hc-hero .btn.ghost, .hc-hero .btn.secondary, .hc-hero .btn.cream, .hc-hero .hc-pop button, .video-story-frame .btn.outline, .video-story-frame .btn.ghost, .video-story-frame .btn.secondary, .video-story-frame .btn.cream, .video-story-frame .hc-pop button):not(#_):not(#_):hover{
  color:rgb(var(--bb-gd)) !important; background:rgba(255,255,255,.94) !important; border-color:#fff !important; text-shadow:none;
  box-shadow:0 16px 34px rgba(0,0,0,.32) !important; transform:translateY(-2px);
}
}
html:root:root body.bbf-marketplace-page :is(.video-story-play):not(#_):not(#_){ color:#fff !important; background:rgba(255,255,255,.2) !important; border-color:rgba(255,255,255,.75) !important; }

/* 9. states: disabled, keyboard focus, loading */
html:root:root body.bbf-marketplace-page :is(.btn.primary, .btn.solid, .primary-btn, .account-primary-btn, .add-btn, .btn-submit, .wf-login, .bbf-place-order, .cart-place-order, .bagdad-cart-checkout, .order-actions .accept-btn, .bbf-fb-go, .bbf-lp-go, .sc-save, .rm-go, .why-ok, .primary-action, a.primary, button.primary, .bc-btn.bc-primary, .reorder-btn, .bp-btn-call, .whatsapp-cta, .pf-btn.primary, .cs-btn.primary, .btn.outline, .btn.ghost, .btn.secondary, .btn.cream, .account-outline-btn, .account-secondary-btn, .secondary-action, .bc-secondary, .bc-btn, .bp-btn, .bp-btn-map, .order-action, .order-actions a, .order-actions button, .account-action-btn, .small-account-btn, .pf-btn, .cs-btn, .fulfillment-btn, .order-tab, .category-tabs button, .tabs button, .section-title > a, .wf-google, .wf-apple, .google-account-btn, .daraz-login-btn, .orders-signin, .rm-cancel, .why-lang-btn, .sc-lang-btn, .why-lang button, .sc-lang button, .hc-pop button, .rv, .te, .btn.danger, .pf-danger-btn, button.danger, .del, .remove-wish, .sc-rm, .cart-remove, .bulk-remove-row, .rv2-del, .account-pill, .cart-pill, .header-order-cta, .wf-header-signin, .bagdad-language-toggle, .menu-add, .qty-btn, .icon-btn:not(.bulk-remove-row), .review-arrow, .review-prev, .review-next, .review-ne, .modal-close, .account-close, .drawer-close, .review-close, .address-modal-close, .wf-eye, .video-story-play, .fulfillment-btn.active, .order-tab.active, .category-tabs button.active, .account-tabs .active, .tabs button.on, .btn.link, .wf-lost, .otp-resend, .pub-link, .text-action, .rv2-link, .bbf-fb-no, .bbf-lp-no):not(#_):not(#_):disabled,
html:root:root body.bbf-marketplace-page :is(.btn.primary, .btn.solid, .primary-btn, .account-primary-btn, .add-btn, .btn-submit, .wf-login, .bbf-place-order, .cart-place-order, .bagdad-cart-checkout, .order-actions .accept-btn, .bbf-fb-go, .bbf-lp-go, .sc-save, .rm-go, .why-ok, .primary-action, a.primary, button.primary, .bc-btn.bc-primary, .reorder-btn, .bp-btn-call, .whatsapp-cta, .pf-btn.primary, .cs-btn.primary, .btn.outline, .btn.ghost, .btn.secondary, .btn.cream, .account-outline-btn, .account-secondary-btn, .secondary-action, .bc-secondary, .bc-btn, .bp-btn, .bp-btn-map, .order-action, .order-actions a, .order-actions button, .account-action-btn, .small-account-btn, .pf-btn, .cs-btn, .fulfillment-btn, .order-tab, .category-tabs button, .tabs button, .section-title > a, .wf-google, .wf-apple, .google-account-btn, .daraz-login-btn, .orders-signin, .rm-cancel, .why-lang-btn, .sc-lang-btn, .why-lang button, .sc-lang button, .hc-pop button, .rv, .te, .btn.danger, .pf-danger-btn, button.danger, .del, .remove-wish, .sc-rm, .cart-remove, .bulk-remove-row, .rv2-del, .account-pill, .cart-pill, .header-order-cta, .wf-header-signin, .bagdad-language-toggle, .menu-add, .qty-btn, .icon-btn:not(.bulk-remove-row), .review-arrow, .review-prev, .review-next, .review-ne, .modal-close, .account-close, .drawer-close, .review-close, .address-modal-close, .wf-eye, .video-story-play, .fulfillment-btn.active, .order-tab.active, .category-tabs button.active, .account-tabs .active, .tabs button.on, .btn.link, .wf-lost, .otp-resend, .pub-link, .text-action, .rv2-link, .bbf-fb-no, .bbf-lp-no):not(#_):not(#_)[aria-disabled=true],
html:root:root body.bbf-marketplace-page :is(.btn.primary, .btn.solid, .primary-btn, .account-primary-btn, .add-btn, .btn-submit, .wf-login, .bbf-place-order, .cart-place-order, .bagdad-cart-checkout, .order-actions .accept-btn, .bbf-fb-go, .bbf-lp-go, .sc-save, .rm-go, .why-ok, .primary-action, a.primary, button.primary, .bc-btn.bc-primary, .reorder-btn, .bp-btn-call, .whatsapp-cta, .pf-btn.primary, .cs-btn.primary, .btn.outline, .btn.ghost, .btn.secondary, .btn.cream, .account-outline-btn, .account-secondary-btn, .secondary-action, .bc-secondary, .bc-btn, .bp-btn, .bp-btn-map, .order-action, .order-actions a, .order-actions button, .account-action-btn, .small-account-btn, .pf-btn, .cs-btn, .fulfillment-btn, .order-tab, .category-tabs button, .tabs button, .section-title > a, .wf-google, .wf-apple, .google-account-btn, .daraz-login-btn, .orders-signin, .rm-cancel, .why-lang-btn, .sc-lang-btn, .why-lang button, .sc-lang button, .hc-pop button, .rv, .te, .btn.danger, .pf-danger-btn, button.danger, .del, .remove-wish, .sc-rm, .cart-remove, .bulk-remove-row, .rv2-del, .account-pill, .cart-pill, .header-order-cta, .wf-header-signin, .bagdad-language-toggle, .menu-add, .qty-btn, .icon-btn:not(.bulk-remove-row), .review-arrow, .review-prev, .review-next, .review-ne, .modal-close, .account-close, .drawer-close, .review-close, .address-modal-close, .wf-eye, .video-story-play, .fulfillment-btn.active, .order-tab.active, .category-tabs button.active, .account-tabs .active, .tabs button.on, .btn.link, .wf-lost, .otp-resend, .pub-link, .text-action, .rv2-link, .bbf-fb-no, .bbf-lp-no):not(#_):not(#_).disabled{
  opacity:.5 !important; cursor:not-allowed !important; transform:none !important; box-shadow:none !important; filter:grayscale(.35);
}
html:root:root body.bbf-marketplace-page :is(.btn.primary, .btn.solid, .primary-btn, .account-primary-btn, .add-btn, .btn-submit, .wf-login, .bbf-place-order, .cart-place-order, .bagdad-cart-checkout, .order-actions .accept-btn, .bbf-fb-go, .bbf-lp-go, .sc-save, .rm-go, .why-ok, .primary-action, a.primary, button.primary, .bc-btn.bc-primary, .reorder-btn, .bp-btn-call, .whatsapp-cta, .pf-btn.primary, .cs-btn.primary, .btn.outline, .btn.ghost, .btn.secondary, .btn.cream, .account-outline-btn, .account-secondary-btn, .secondary-action, .bc-secondary, .bc-btn, .bp-btn, .bp-btn-map, .order-action, .order-actions a, .order-actions button, .account-action-btn, .small-account-btn, .pf-btn, .cs-btn, .fulfillment-btn, .order-tab, .category-tabs button, .tabs button, .section-title > a, .wf-google, .wf-apple, .google-account-btn, .daraz-login-btn, .orders-signin, .rm-cancel, .why-lang-btn, .sc-lang-btn, .why-lang button, .sc-lang button, .hc-pop button, .rv, .te, .btn.danger, .pf-danger-btn, button.danger, .del, .remove-wish, .sc-rm, .cart-remove, .bulk-remove-row, .rv2-del, .account-pill, .cart-pill, .header-order-cta, .wf-header-signin, .bagdad-language-toggle, .menu-add, .qty-btn, .icon-btn:not(.bulk-remove-row), .review-arrow, .review-prev, .review-next, .review-ne, .modal-close, .account-close, .drawer-close, .review-close, .address-modal-close, .wf-eye, .video-story-play, .fulfillment-btn.active, .order-tab.active, .category-tabs button.active, .account-tabs .active, .tabs button.on, .btn.link, .wf-lost, .otp-resend, .pub-link, .text-action, .rv2-link, .bbf-fb-no, .bbf-lp-no):not(#_):not(#_):focus-visible{
  outline:3px solid rgba(var(--bb-gold),.85) !important; outline-offset:3px !important;
}
html:root:root body.bbf-marketplace-page :is(.btn.primary, .btn.solid, .primary-btn, .account-primary-btn, .add-btn, .btn-submit, .wf-login, .bbf-place-order, .cart-place-order, .bagdad-cart-checkout, .order-actions .accept-btn, .bbf-fb-go, .bbf-lp-go, .sc-save, .rm-go, .why-ok, .primary-action, a.primary, button.primary, .bc-btn.bc-primary, .reorder-btn, .bp-btn-call, .whatsapp-cta, .pf-btn.primary, .cs-btn.primary, .btn.outline, .btn.ghost, .btn.secondary, .btn.cream, .account-outline-btn, .account-secondary-btn, .secondary-action, .bc-secondary, .bc-btn, .bp-btn, .bp-btn-map, .order-action, .order-actions a, .order-actions button, .account-action-btn, .small-account-btn, .pf-btn, .cs-btn, .fulfillment-btn, .order-tab, .category-tabs button, .tabs button, .section-title > a, .wf-google, .wf-apple, .google-account-btn, .daraz-login-btn, .orders-signin, .rm-cancel, .why-lang-btn, .sc-lang-btn, .why-lang button, .sc-lang button, .hc-pop button, .rv, .te, .btn.danger, .pf-danger-btn, button.danger, .del, .remove-wish, .sc-rm, .cart-remove, .bulk-remove-row, .rv2-del, .account-pill, .cart-pill, .header-order-cta, .wf-header-signin, .bagdad-language-toggle, .menu-add, .qty-btn, .icon-btn:not(.bulk-remove-row), .review-arrow, .review-prev, .review-next, .review-ne, .modal-close, .account-close, .drawer-close, .review-close, .address-modal-close, .wf-eye, .video-story-play, .fulfillment-btn.active, .order-tab.active, .category-tabs button.active, .account-tabs .active, .tabs button.on, .btn.link, .wf-lost, .otp-resend, .pub-link, .text-action, .rv2-link, .bbf-fb-no, .bbf-lp-no):focus:not(:focus-visible){ outline:none; }
@media (prefers-reduced-motion:reduce){
html:root:root body.bbf-marketplace-page :is(.btn.primary, .btn.solid, .primary-btn, .account-primary-btn, .add-btn, .btn-submit, .wf-login, .bbf-place-order, .cart-place-order, .bagdad-cart-checkout, .order-actions .accept-btn, .bbf-fb-go, .bbf-lp-go, .sc-save, .rm-go, .why-ok, .primary-action, a.primary, button.primary, .bc-btn.bc-primary, .reorder-btn, .bp-btn-call, .whatsapp-cta, .pf-btn.primary, .cs-btn.primary, .btn.outline, .btn.ghost, .btn.secondary, .btn.cream, .account-outline-btn, .account-secondary-btn, .secondary-action, .bc-secondary, .bc-btn, .bp-btn, .bp-btn-map, .order-action, .order-actions a, .order-actions button, .account-action-btn, .small-account-btn, .pf-btn, .cs-btn, .fulfillment-btn, .order-tab, .category-tabs button, .tabs button, .section-title > a, .wf-google, .wf-apple, .google-account-btn, .daraz-login-btn, .orders-signin, .rm-cancel, .why-lang-btn, .sc-lang-btn, .why-lang button, .sc-lang button, .hc-pop button, .rv, .te, .btn.danger, .pf-danger-btn, button.danger, .del, .remove-wish, .sc-rm, .cart-remove, .bulk-remove-row, .rv2-del, .account-pill, .cart-pill, .header-order-cta, .wf-header-signin, .bagdad-language-toggle, .menu-add, .qty-btn, .icon-btn:not(.bulk-remove-row), .review-arrow, .review-prev, .review-next, .review-ne, .modal-close, .account-close, .drawer-close, .review-close, .address-modal-close, .wf-eye, .video-story-play, .fulfillment-btn.active, .order-tab.active, .category-tabs button.active, .account-tabs .active, .tabs button.on, .btn.link, .wf-lost, .otp-resend, .pub-link, .text-action, .rv2-link, .bbf-fb-no, .bbf-lp-no){ transition:none !important; }
html:root:root body.bbf-marketplace-page :is(.btn.primary, .btn.solid, .primary-btn, .account-primary-btn, .add-btn, .btn-submit, .wf-login, .bbf-place-order, .cart-place-order, .bagdad-cart-checkout, .order-actions .accept-btn, .bbf-fb-go, .bbf-lp-go, .sc-save, .rm-go, .why-ok, .primary-action, a.primary, button.primary, .bc-btn.bc-primary, .reorder-btn, .bp-btn-call, .whatsapp-cta, .pf-btn.primary, .cs-btn.primary, .btn.outline, .btn.ghost, .btn.secondary, .btn.cream, .account-outline-btn, .account-secondary-btn, .secondary-action, .bc-secondary, .bc-btn, .bp-btn, .bp-btn-map, .order-action, .order-actions a, .order-actions button, .account-action-btn, .small-account-btn, .pf-btn, .cs-btn, .fulfillment-btn, .order-tab, .category-tabs button, .tabs button, .section-title > a, .wf-google, .wf-apple, .google-account-btn, .daraz-login-btn, .orders-signin, .rm-cancel, .why-lang-btn, .sc-lang-btn, .why-lang button, .sc-lang button, .hc-pop button, .rv, .te, .btn.danger, .pf-danger-btn, button.danger, .del, .remove-wish, .sc-rm, .cart-remove, .bulk-remove-row, .rv2-del, .account-pill, .cart-pill, .header-order-cta, .wf-header-signin, .bagdad-language-toggle, .menu-add, .qty-btn, .icon-btn:not(.bulk-remove-row), .review-arrow, .review-prev, .review-next, .review-ne, .modal-close, .account-close, .drawer-close, .review-close, .address-modal-close, .wf-eye, .video-story-play, .fulfillment-btn.active, .order-tab.active, .category-tabs button.active, .account-tabs .active, .tabs button.on, .btn.link, .wf-lost, .otp-resend, .pub-link, .text-action, .rv2-link, .bbf-fb-no, .bbf-lp-no):hover{ transform:none !important; }
}
/* tablets / phones: no hover-lift stuck after tap */
@media (hover:none){
html:root:root body.bbf-marketplace-page :is(.btn.primary, .btn.solid, .primary-btn, .account-primary-btn, .add-btn, .btn-submit, .wf-login, .bbf-place-order, .cart-place-order, .bagdad-cart-checkout, .order-actions .accept-btn, .bbf-fb-go, .bbf-lp-go, .sc-save, .rm-go, .why-ok, .primary-action, a.primary, button.primary, .bc-btn.bc-primary, .reorder-btn, .bp-btn-call, .whatsapp-cta, .pf-btn.primary, .cs-btn.primary, .btn.outline, .btn.ghost, .btn.secondary, .btn.cream, .account-outline-btn, .account-secondary-btn, .secondary-action, .bc-secondary, .bc-btn, .bp-btn, .bp-btn-map, .order-action, .order-actions a, .order-actions button, .account-action-btn, .small-account-btn, .pf-btn, .cs-btn, .fulfillment-btn, .order-tab, .category-tabs button, .tabs button, .section-title > a, .wf-google, .wf-apple, .google-account-btn, .daraz-login-btn, .orders-signin, .rm-cancel, .why-lang-btn, .sc-lang-btn, .why-lang button, .sc-lang button, .hc-pop button, .rv, .te, .btn.danger, .pf-danger-btn, button.danger, .del, .remove-wish, .sc-rm, .cart-remove, .bulk-remove-row, .rv2-del, .account-pill, .cart-pill, .header-order-cta, .wf-header-signin, .bagdad-language-toggle, .menu-add, .qty-btn, .icon-btn:not(.bulk-remove-row), .review-arrow, .review-prev, .review-next, .review-ne, .modal-close, .account-close, .drawer-close, .review-close, .address-modal-close, .wf-eye, .video-story-play, .fulfillment-btn.active, .order-tab.active, .category-tabs button.active, .account-tabs .active, .tabs button.on, .btn.link, .wf-lost, .otp-resend, .pub-link, .text-action, .rv2-link, .bbf-fb-no, .bbf-lp-no):hover{ transform:none; }
}

/* ==========================================================================
   Home page "Write a Review" call-to-action: keep the wrapper plain (no pill
   around the button + note) and give the button a clean, solid look.
   ========================================================================== */
html:root:root body.bbf-marketplace-page .rv2-cta:not(#_):not(#_):not(#_){
  display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:14px !important;
  background:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  padding:0 !important; min-height:0 !important; width:auto !important;
}
html:root:root body.bbf-marketplace-page .rv2-cta .rv2-note:not(#_):not(#_):not(#_){
  background:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  padding:0 !important; min-height:0 !important; margin:0 !important;
  display:flex !important; align-items:center !important; gap:8px !important;
  font-weight:500 !important; font-size:.9rem !important; line-height:1.5 !important; color:#5f6d65 !important;
}
html:root:root body.bbf-marketplace-page .rv2-cta #rvWriteBtn:not(#_):not(#_):not(#_){
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:auto !important; min-height:54px !important; padding:0 38px !important;
  font-size:16px !important; font-weight:800 !important; white-space:nowrap !important;
  color:#fff !important; border:0 !important; border-radius:999px !important;
  background:linear-gradient(135deg,#0a9a4b,#087f3e) !important;
  box-shadow:0 12px 26px rgba(8,127,62,.28) !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
html:root:root body.bbf-marketplace-page .rv2-cta #rvWriteBtn:not(#_):not(#_):not(#_):hover{
  background:linear-gradient(135deg,#0b8f45,#066a33) !important; color:#fff !important;
  box-shadow:0 16px 32px rgba(8,127,62,.34) !important; transform:translateY(-2px) !important;
}
html:root:root body.bbf-marketplace-page .rv2-cta #rvWriteBtn:not(#_):not(#_):not(#_):active{ transform:translateY(0) scale(.98) !important; }