body.mm-public-site .mm-shop-hero-photos{position:relative;isolation:isolate;min-width:0;width:100%;height:300px;overflow:hidden;border:7px solid #fff;border-radius:24px;background:#ece3f7;box-shadow:0 16px 36px #56377517;transform:rotate(-2deg)}
body.mm-public-site .mm-shop-hero-photos>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body.mm-public-site .mm-shop-photo-controls{position:absolute;bottom:14px;inset-inline:14px;display:flex;align-items:center;justify-content:center;gap:16px;width:max-content;max-width:calc(100% - 28px);margin:auto;padding:6px 8px;border:1px solid #ffffff50;border-radius:999px;background:#30233bcc;backdrop-filter:blur(8px);color:white}
body.mm-public-site .mm-shop-photo-controls>span{font-size:12px;min-width:34px;text-align:center;direction:ltr}
body.mm-public-site .mm-shop-photo-controls>button{display:flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;border-radius:50%;font-size:21px;line-height:1;color:#fff;background:#ffffff1a}
body.mm-public-site .mm-shop-photo-controls>button:hover{background:#ffffff36}
body.mm-public-site .mm-shop-photo-controls>button:focus-visible{outline-color:#fff}
@media(max-width:1023px){body.mm-public-site .mm-shop-hero-photos{height:265px;border-width:5px;border-radius:20px;transform:none}}
@media(max-width:640px){body.mm-public-site .mm-shop-hero-photos{height:auto;aspect-ratio:4/3;margin-top:24px;border:5px solid #fff;border-radius:18px}body.mm-public-site .mm-shop-hero-photos>img{position:absolute;inset:0}body.mm-public-site .mm-shop-photo-controls{bottom:10px;padding:4px 6px;gap:10px}body.mm-public-site .mm-shop-photo-controls>button{min-width:36px;min-height:36px}}