/* Logo size consistent */
.site-header .brand-logo,
.site-header .brand img.brand-logo {
  height: 32px !important;
  max-height: 32px !important;
  width: auto !important;
  max-width: 140px !important;
  object-fit: contain !important;
}
body:not(.mp-home) .site-header .brand-logo {
  height: 32px !important;
  max-height: 32px !important;
}

/* Stars */
.mp-pcard-stars {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  color: #111 !important;
  font-size: 0 !important;
  line-height: 1 !important;
}
.mp-star { display: block; }
.mp-star-on { color: #111; }
.mp-star-off { color: #ccc; }

/* Toast size */
.site-toast,
.mp-toast,
[class*="toast"] {
  max-width: min(320px, calc(100vw - 32px)) !important;
  padding: 12px 16px !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
}

/* Mobile nav labels white */
.mobile-bottom-nav .bottom-label {
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}
.mobile-bottom-nav a,
.mobile-bottom-nav button {
  color: #fff !important;
}
.mobile-bottom-nav {
  background: #000 !important;
}

/* Drawer: NO blur on page — solid dim only */
.mobile-drawer-backdrop,
#drawerBackdrop {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(0,0,0,.45) !important;
  opacity: 1 !important;
}
body.drawer-open,
body.mp-drawer-open {
  filter: none !important;
}
body.drawer-open .site-main,
body.mp-drawer-open .site-main,
body.drawer-open #page,
body.mp-drawer-open .content-area {
  filter: none !important;
  opacity: 1 !important;
}

/* Drawer panel clean black */
.mobile-drawer {
  background: #000 !important;
  color: #fff !important;
  filter: none !important;
}
.mobile-drawer * {
  filter: none !important;
}

/* B&W site accents */
.btn-dark, .mp-btn-dark, button.single_add_to_cart_button {
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
}

/* Header login */
.header-login-btn {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  font-size: 12px !important;
  padding: 8px 14px !important;
}
body.mp-home .site-header:not(.is-scrolled) .header-login-btn {
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
}