/* v12.10.283 - phone/tablet parity, centered frames and stable actions. */
.m2-card{max-width:100%!important;box-sizing:border-box!important}
.m2-card .m2-el{box-sizing:border-box!important;max-width:100%}
.m2-card .m2-el:not(.m2-role-image):not(.m2-role-merchant_logo):not(.m2-role-favorite):not(.m2-role-circle):not(.m2-role-oval):not(.m2-role-rectangle){
  display:flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;overflow-wrap:anywhere!important;word-break:normal!important;
}
.m2-card :is(.m2-role-badge,.m2-role-discount,.m2-role-link){
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
}
.m2-card .m2-role-favorite{
  position:absolute!important;right:auto!important;bottom:auto!important;transform:none!important;
  width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  max-width:40px!important;max-height:40px!important;padding:0!important;border:0!important;
  border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:27px!important;line-height:1!important;background:rgba(255,255,255,.86)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.16)!important;z-index:45!important;
}
body:not(.m2-editor) .m2-card .m2-role-favorite{left:auto!important;top:auto!important;right:10px!important;bottom:10px!important;transform:none!important}
.m2-card .m2-role-favorite::before,.m2-card .m2-role-favorite::after{content:none!important;display:none!important}
.m2-card .m2-role-merchant_logo{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:transparent!important;padding:0!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important}
.m2-card .m2-role-merchant_logo .op-merchant-logo{display:block!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;object-fit:contain!important;background:#fff!important;border-radius:5px!important}
.m2-editor .m2-role-merchant_logo.is-selected:after{display:none!important}
.m2-editor .m2-el.is-overlap-warning{outline:3px solid #ff3b30!important;outline-offset:2px}

@media(min-width:621px) and (max-width:1180px){
  .m2-book{width:min(900px,100%)!important;padding-inline:18px!important}
  .m2-page{padding:22px!important}
}
@media(max-width:620px){
  .m2-book{width:100%!important;max-width:100%!important}
  .m2-page,.m2-card-list{max-width:100%!important;min-width:0!important}
}