/* v12.10.273 - centered card text, one stable favorite, reliable tap targets. */
/* This stylesheet is loaded only by the public mobile renderer, so the rules
   also cover landscape phones and tablets without a breakpoint discontinuity. */
  body:not(.m2-editor) .m2-card-list{
    gap:0!important;
    row-gap:0!important;
  }
  body:not(.m2-editor) .m2-card-list > .m2-card{
    margin:0!important;
  }

  /* Text boxes use their saved frame, with the content centered inside it. */
  body:not(.m2-editor) .m2-card .m2-role-title,
  body:not(.m2-editor) .m2-card .m2-role-description,
  body:not(.m2-editor) .m2-card .m2-role-merchant,
  body:not(.m2-editor) .m2-card .m2-role-old_price,
  body:not(.m2-editor) .m2-card .m2-role-price,
  body:not(.m2-editor) .m2-card .m2-role-badge,
  body:not(.m2-editor) .m2-card .m2-role-discount,
  body:not(.m2-editor) .m2-card .m2-role-extra,
  body:not(.m2-editor) .m2-card .m2-role-link{
    text-align:center!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  body:not(.m2-editor) .m2-card .m2-role-title,
  body:not(.m2-editor) .m2-card .m2-role-description,
  body:not(.m2-editor) .m2-card .m2-role-merchant,
  body:not(.m2-editor) .m2-card .m2-role-old_price,
  body:not(.m2-editor) .m2-card .m2-role-price,
  body:not(.m2-editor) .m2-card .m2-role-extra{
    display:flex!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  body:not(.m2-editor) .m2-page-head{
    text-align:center!important;
  }

  /* Decorative and plain text layers must not steal taps from links below. */
  body:not(.m2-editor) .m2-card .m2-role-circle,
  body:not(.m2-editor) .m2-card .m2-role-oval,
  body:not(.m2-editor) .m2-card .m2-role-rectangle,
  body:not(.m2-editor) .m2-card .m2-el:not(a):not(button):not(.m2-role-image){
    pointer-events:none!important;
  }
  body:not(.m2-editor) .m2-card .m2-role-image,
  body:not(.m2-editor) .m2-card .m2-image-link,
  body:not(.m2-editor) .m2-card a.m2-el,
  body:not(.m2-editor) .m2-card button.m2-el,
  body:not(.m2-editor) .m2-card .m2-gallery-btn{
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  body:not(.m2-editor) .m2-card .m2-image-link{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    z-index:10!important;
  }
  body:not(.m2-editor) .m2-card a.m2-role-link{
    display:flex!important;
    min-height:36px!important;
    cursor:pointer!important;
  }

  /* A single glyph is used in both states; no generated second heart. */
  body:not(.m2-editor) .m2-card .m2-role-favorite{
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    left:auto!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.82)!important;
    border-radius:999px!important;
    color:#17120b!important;
    font-size:27px!important;
    line-height:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:40!important;
    box-shadow:0 4px 14px rgba(0,0,0,.18)!important;
  }
  body:not(.m2-editor) .m2-card .m2-role-favorite::before,
  body:not(.m2-editor) .m2-card .m2-role-favorite::after{
    content:none!important;
    display:none!important;
  }
  body:not(.m2-editor) .m2-card .m2-role-favorite.is-favorite-active,
  body:not(.m2-editor) .m2-card .m2-role-favorite[aria-pressed="true"]{
    color:#d60000!important;
    font-size:27px!important;
  }