/* Drawer: no backgrounds on items */
.mobile-drawer nav a,
.mobile-drawer nav a:hover,
.mobile-drawer nav a:active {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 12px 8px !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.drawer-user-link {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 0 !important;
  padding: 12px 8px !important;
  margin: 0 0 8px !important;
}
.mobile-drawer .drawer-head {
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 4px 4px 14px !important;
  margin: 0 0 8px !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
.mobile-drawer .drawer-head strong {
  background: none !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #fff !important;
  padding: 0 !important;
}
.mobile-drawer .drawer-head button,
#drawerClose {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 28px !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
  padding: 4px 8px !important;
  cursor: pointer !important;
}
.mobile-drawer .drawer-intro {
  background: transparent !important;
  border: 0 !important;
  padding: 10px 4px !important;
}
.mobile-drawer .drawer-search-link {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 0 !important;
  padding: 12px 8px !important;
}

/* Backdrop: stop above bottom nav, no full overlay on nav */
.mobile-drawer-backdrop {
  top: 0 !important;
  bottom: 72px !important; /* leave bottom nav visible */
  background: rgba(0,0,0,.35) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: 90 !important;
}
.mobile-drawer {
  bottom: 72px !important; /* sit above bottom nav */
  z-index: 95 !important;
  top: 8px !important;
  height: auto !important;
  max-height: calc(100% - 80px) !important;
}
.mobile-bottom-nav {
  z-index: 100 !important;
}

/* Size & backlight — shorter rectangles */
.mp-size-box {
  min-width: 64px !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
}
.mp-size-box strong { font-size: 11px !important; }
.mp-size-box em, .mp-size-price { font-size: 9px !important; margin-top: 1px !important; }
.mp-bl-choice span {
  min-width: 56px !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

/* Enamad / trust seal in footer */
.footer-bottom img,
.site-footer a[href*="enamad"] img,
.site-footer .enamad img,
.footer-trust img,
.footer-bottom a img {
  max-height: 48px !important;
  width: auto !important;
  height: 48px !important;
  object-fit: contain !important;
}
.site-footer .footer-col a img {
  max-height: 52px !important;
  height: 52px !important;
  width: auto !important;
}

/* About / Contact content spacing */
.mp-about-story, .mp-contact-section { padding: 40px 0 !important; }
.mp-about-card, .mp-contact-card {
  padding: 18px 16px !important;
  border-radius: 16px !important;
}