/* v12.10.306 - stable public card geometry and exclusive semantic zones. */
body:not(.m2-editor) .m2-role-image.has-m2-gallery,
body:not(.m2-editor) .m2-smart-media .m2-role-image.has-m2-gallery{
  position:relative!important;
  overflow:hidden!important;
}
body:not(.m2-editor) .m2-role-image.has-m2-gallery>.m2-gallery-count,
body:not(.m2-editor) .m2-smart-media .m2-gallery-count{
  left:auto!important;
  right:7px!important;
  top:auto!important;
  bottom:7px!important;
  transform:none!important;
  margin:0!important;
  max-width:calc(100% - 14px)!important;
  z-index:9!important;
}
body:not(.m2-editor) .m2-card,
body:not(.m2-editor) .m2-card:hover,
body:not(.m2-editor) .m2-card:focus-within{
  transform:none!important;
  transition:none!important;
}
body:not(.m2-editor) .m2-role-image,
body:not(.m2-editor) .m2-role-image>img{
  transform:none!important;
  transition:none!important;
}
html body:not(.m2-editor) .m2-main .m2-card>button.m2-el.m2-role-favorite{
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}

@media(max-width:700px){
  html body:not(.m2-editor) .m2-page[data-m2-page-layout] .m2-card.m2-centered-card{
    padding-bottom:54px!important;
  }
  body:not(.m2-editor) .m2-centered-actions{
    position:relative!important;
    z-index:4!important;
    flex-direction:column!important;
    gap:8px!important;
    margin-top:2px!important;
  }
  body:not(.m2-editor) .m2-centered-actions>.m2-el{
    position:relative!important;
    inset:auto!important;
    width:max-content!important;
    max-width:100%!important;
    height:auto!important;
    min-width:92px!important;
    min-height:34px!important;
    margin:0!important;
    padding:7px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    transform:none!important;
    font-size:clamp(11px,3vw,13px)!important;
    line-height:1.05!important;
  }
  body:not(.m2-editor) .m2-centered-actions>.m2-offer-action{
    isolation:isolate!important;
  }
  body:not(.m2-editor) .m2-main{
    padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;
  }
  body:not(.m2-editor) .m2-book,
  body:not(.m2-editor) .m2-page:last-child .m2-card-list,
  body:not(.m2-editor) .m2-page:last-child .m2-card:last-child{
    margin-bottom:0!important;
  }
  body:not(.m2-editor) .m2-page[data-m2-page-layout]:last-child{
    min-height:calc(100svh - 210px)!important;
    margin-bottom:0!important;
  }
}