/* Bio2Twin shared device hero reset v1
   Use on Hero figures that contain a physical iPhone / Watch mockup.
   Prevents legacy .blood-use-media card geometry from wrapping the device. */
.app-master .blood-use-media.bt-device-hero-media{
  margin:0!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
}

.app-master .blood-use-media.bt-device-hero-media::before,
.app-master .blood-use-media.bt-device-hero-media::after{
  content:none!important;
  display:none!important;
  position:static!important;
  inset:auto!important;
  width:0!important;
  height:0!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Legacy app-polish product overrides must not recreate the card. */
body.app-product .blood-use-media.bt-device-hero-media,
body.app-product .blood-use-media.bt-device-hero-media::before{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  aspect-ratio:auto!important;
}

/* Shared responsive rule: never reintroduce 4/3 media-card geometry. */
@media(max-width:1100px){
  .app-master .blood-use-media.bt-device-hero-media{
    aspect-ratio:auto!important;
    overflow:visible!important;
    border-radius:0!important;
  }
}
@media(max-width:680px){
  .app-master .blood-use-media.bt-device-hero-media,
  body.app-product .blood-use-media.bt-device-hero-media{
    min-height:0;
    aspect-ratio:auto!important;
    overflow:visible!important;
    border-radius:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
}