/* Keep the full product visible on desktop and mobile, even if older theme CSS
   positions the image or applies a transform. */
.ma-catalog-grid .ma-card .ma-card-media,
.ma-single-product .ma-single-image,
.product-grid .product-card .product-image {
    display: grid;
    grid-template: minmax(0, 1fr) / minmax(0, 1fr);
    place-items: center;
    box-sizing: border-box;
    inline-size: 100%;
    block-size: auto !important;
    min-block-size: 0;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    padding: 0;
    background: #fff;
    border: 1px solid #eadbee;
    border-radius: 14px;
}

.ma-catalog-grid .ma-card .ma-card-media > img,
.ma-single-product .ma-single-image > img,
.product-grid .product-card .product-image > img {
    position: static !important;
    display: block;
    box-sizing: border-box;
    inline-size: 100% !important;
    block-size: 100% !important;
    min-inline-size: 0;
    min-block-size: 0;
    max-inline-size: 100%;
    max-block-size: 100%;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    mix-blend-mode: normal !important;
}

.hero-device > img[data-ma-studio] {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: contain;
    background: #fff;
}

.ma-studio-install {
    padding: .65rem 1rem;
    border: 1px solid #ff46c5;
    border-radius: .8rem;
    background: #221831;
    color: #fcfaff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.ma-studio-install:focus-visible {
    outline: 2px solid #ff46c5;
    outline-offset: 3px;
}

.ma-studio-install-hint {
    flex-basis: 100%;
    color: inherit;
    font-size: .9rem;
}

.ma-studio-install[hidden],
.ma-studio-install-hint[hidden] {
    display: none;
}