/*
 BAGDAD — NORMAL RETAIL / MARKETPLACE LAYER
 Goal: familiar mainstream e-commerce UX (Daraz-style density and clarity),
 without copying Daraz branding. Header, footer, logo, images and brand colors stay intact.
*/
body.bbf-marketplace-page{
  --retail-bg:#f5f5f5;
  --retail-card:#fff;
  --retail-border:#e6e6e6;
  --retail-text:#222;
  --retail-muted:#666;
  --retail-green:#087f3e;
  background:var(--retail-bg)!important;
  color:var(--retail-text);
}
body.bbf-marketplace-page main{background:var(--retail-bg)!important}
body.bbf-marketplace-page .wide-section{padding:32px 3%!important}
body.bbf-marketplace-page .section-title{margin-bottom:14px!important}
body.bbf-marketplace-page .section-title h2{
  font-family:Inter,Arial,sans-serif!important;
  font-size:24px!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
body.bbf-marketplace-page .category-large,
body.bbf-marketplace-page .home-products{gap:12px!important}
body.bbf-marketplace-page .category-tile,
body.bbf-marketplace-page .home-product{
  border:1px solid var(--retail-border)!important;
  border-radius:2px!important;
  box-shadow:none!important;
}
/* Keep category photography visible. A background shorthand here used to
   reset the background-image declarations from style.css. */
body.bbf-marketplace-page .home-product{
  background:#fff!important;
}
body.bbf-marketplace-page .category-tile{
  background-color:#fff!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
body.bbf-marketplace-page .category-tile:hover,
body.bbf-marketplace-page .home-product:hover{
  transform:none!important;
  box-shadow:0 3px 10px rgba(0,0,0,.08)!important;
}
body.bbf-marketplace-page .home-product>div{background:#fafafa!important}
body.bbf-marketplace-page .product-card,
body.bbf-marketplace-page .product-item,
body.bbf-marketplace-page .menu-item-card{
  border-radius:2px!important;
  box-shadow:none!important;
  border:1px solid var(--retail-border)!important;
}
body.bbf-marketplace-page .product-card:hover,
body.bbf-marketplace-page .product-item:hover,
body.bbf-marketplace-page .menu-item-card:hover{
  transform:none!important;
  box-shadow:0 3px 10px rgba(0,0,0,.08)!important;
}
body.bbf-marketplace-page .page-top,
body.bbf-marketplace-page .daraz-page-heading,
body.bbf-marketplace-page .profile-card,
body.bbf-marketplace-page .payment-card,
body.bbf-marketplace-page .wallet-card,
body.bbf-marketplace-page .tracking-card,
body.bbf-marketplace-page .branch-card,
body.bbf-marketplace-page .location-map,
body.bbf-marketplace-page .daraz-orders-panel,
body.bbf-marketplace-page .address-table-card{
  border-radius:2px!important;
  box-shadow:none!important;
}
body.bbf-marketplace-page .btn,
body.bbf-marketplace-page button,
body.bbf-marketplace-page .account-primary-btn,
body.bbf-marketplace-page .account-outline-btn{
  border-radius:2px!important;
}
body.bbf-marketplace-page input,
body.bbf-marketplace-page select,
body.bbf-marketplace-page textarea{
  border-radius:2px!important;
}
body.bbf-marketplace-page .eyebrow{letter-spacing:.08em!important}
body.bbf-marketplace-page .hero-large{
  background:#fff!important;
  background-image:none!important;
}
body.bbf-marketplace-page .hero-content h1{
  font-family:Inter,Arial,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-1.5px!important;
}
body.bbf-marketplace-page .hero-content h1 em{font-style:normal}
body.bbf-marketplace-page .promise-card,
body.bbf-marketplace-page .review-card,
body.bbf-marketplace-page .info-card{
  border-radius:2px!important;
  box-shadow:none!important;
}
body.bbf-marketplace-page .feature-strip{
  border-radius:2px!important;
  box-shadow:none!important;
}
body.bbf-marketplace-page .menu-section-heading{border-radius:2px!important}
body.bbf-marketplace-page .menu-page-main{padding-top:20px!important}
@media (max-width:768px){
  body.bbf-marketplace-page .wide-section{padding:24px 12px!important}
  body.bbf-marketplace-page .home-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.bbf-marketplace-page .category-large{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ---------- FINAL RESPONSIVE / FOOTER QA PASS ---------- */
html, body { max-width:100%; overflow-x:hidden; }
body.bbf-marketplace-page .footer,
body.bbf-orders-normal-page .footer {
  width:100%;
  max-width:none;
  overflow:hidden;
  position:relative;
  clear:both;
}
body.bbf-marketplace-page .footer-grid,
body.bbf-orders-normal-page .footer-grid {
  width:100%;
  min-width:0;
}
body.bbf-marketplace-page .footer-grid > *,
body.bbf-orders-normal-page .footer-grid > * { min-width:0; }
body.bbf-marketplace-page .footer a,
body.bbf-orders-normal-page .footer a { overflow-wrap:anywhere; }
body.bbf-marketplace-page .footer-social,
body.bbf-orders-normal-page .footer-social {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:22px;
}
body.bbf-marketplace-page .footer-social a,
body.bbf-orders-normal-page .footer-social a {
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  margin:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:4px;
  background:rgba(255,255,255,.05);
}
body.bbf-marketplace-page .footer-social svg,
body.bbf-orders-normal-page .footer-social svg { width:17px; height:17px; }
body.bbf-marketplace-page .footer-bottom,
body.bbf-orders-normal-page .footer-bottom {
  min-width:0;
  flex-wrap:wrap;
}

/* Orders: keep the content and footer separated on every viewport. */
body.bbf-orders-normal-page .daraz-account-main { min-height:0; }
body.bbf-orders-normal-page .daraz-account-layout { width:100%; min-width:0; }
body.bbf-orders-normal-page .daraz-order-content { min-width:0; }
body.bbf-orders-normal-page .orders-tabs { max-width:100%; }
body.bbf-orders-normal-page .orders-toolbar { min-width:0; }
body.bbf-orders-normal-page .orders-search { min-width:0; }
body.bbf-orders-normal-page .order-card { min-width:0; overflow:hidden; }

@media (max-width:900px) {
  body.bbf-marketplace-page .footer { padding:52px 4% 20px; }
  body.bbf-marketplace-page .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 22px; }
  body.bbf-marketplace-page .footer-brand { grid-column:1/-1; }
}

@media (max-width:720px) {
  body.bbf-marketplace-page .footer,
  body.bbf-orders-normal-page .footer { padding:42px 16px 18px; }
  body.bbf-marketplace-page .footer-grid,
  body.bbf-orders-normal-page .footer-grid { grid-template-columns:1fr 1fr; gap:24px 18px; }
  body.bbf-marketplace-page .footer-brand,
  body.bbf-orders-normal-page .footer-brand { grid-column:1/-1; }
  body.bbf-marketplace-page .footer-bottom,
  body.bbf-orders-normal-page .footer-bottom { display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:8px!important; }
  body.bbf-marketplace-page .footer-legal,
  body.bbf-orders-normal-page .footer-legal { justify-content:flex-start!important; flex-wrap:wrap!important; }
  body.bbf-orders-normal-page .daraz-account-main { padding-bottom:28px; }
  body.bbf-orders-normal-page .daraz-page-heading { overflow:hidden; }
  body.bbf-orders-normal-page .daraz-heading-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
  body.bbf-orders-normal-page .daraz-heading-actions > * { max-width:100%; }
  body.bbf-orders-normal-page .orders-tabs { border-left:0; border-right:0; }
  body.bbf-orders-normal-page .order-card { margin:8px 0!important; }
  body.bbf-orders-normal-page .order-card-head,
  body.bbf-orders-normal-page .order-card-body,
  body.bbf-orders-normal-page .order-card-foot { min-width:0; }
}

@media (max-width:430px) {
  body.bbf-marketplace-page .footer-grid,
  body.bbf-orders-normal-page .footer-grid { grid-template-columns:1fr; gap:20px; }
  body.bbf-marketplace-page .footer-brand,
  body.bbf-orders-normal-page .footer-brand { grid-column:auto; }
  body.bbf-orders-normal-page .daraz-heading-actions > a,
  body.bbf-orders-normal-page .daraz-heading-actions > button { width:100%; }
}