/* Restore the rounded white product-image frame on the public mobile reader.
   This is intentionally scoped away from the mobile editor and merchant logos. */
html body:not(.m2-editor) .m2-main .m2-card .m2-role-image,
html body:not(.m2-editor) .m2-main .m2-card .m2-role-image[data-bg-transparent="1"] {
  box-sizing: border-box !important;
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid rgba(91, 68, 29, .22) !important;
  border-radius: 12px !important;
  padding: 4px !important;
  box-shadow: 0 2px 7px rgba(42, 28, 11, .14) !important;
}
html body:not(.m2-editor) .m2-main .m2-card .m2-role-image > img {
  border-radius: 8px !important;
}
html body:not(.m2-editor) .m2-main .m2-card .m2-role-image > .m2-image-link {
  border-radius: 12px !important;
}