/* Shoppinghub mobile product cards – applies solely to confirmed product cards
   marked by mobile-cards.js. Theme, desktop, guides and nonproduct cards untouched. */
@media screen and (max-width: 767px) {
    .sh-mobile-cards-list {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .sh-mobile-card-restored {
        box-sizing: border-box !important;
        display: block !important;
        background: #fff !important;
        border-radius: 12px;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }
    .sh-mobile-card-restored.sh-mobile-card-layout,
    .sh-mobile-card-restored .sh-mobile-card-layout {
        box-sizing: border-box !important;
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: var(--sh-mobile-card-image-size, 104px) !important;
        padding-left: calc(var(--sh-mobile-card-image-size, 104px) + 12px) !important;
        text-align: left !important;
    }
    .sh-mobile-card-restored.sh-mobile-card-layout > .sh-mobile-card-media,
    .sh-mobile-card-restored .sh-mobile-card-layout > .sh-mobile-card-media {
        box-sizing: border-box !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: var(--sh-mobile-card-image-size, 104px) !important;
        height: var(--sh-mobile-card-image-size, 104px) !important;
        max-width: var(--sh-mobile-card-image-size, 104px) !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 4px !important;
        overflow: hidden !important;
        background: #fff !important;
        border-radius: 8px;
    }
    .sh-mobile-card-restored .sh-mobile-card-media img,
    .sh-mobile-card-restored .sh-mobile-card-media picture {
        box-sizing: border-box !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }
    .sh-mobile-card-restored.sh-mobile-card-layout > .sh-mobile-card-content,
    .sh-mobile-card-restored .sh-mobile-card-layout > .sh-mobile-card-content {
        box-sizing: border-box !important;
        max-width: 100% !important;
        min-width: 0 !important;
        text-align: left !important;
    }
    .sh-mobile-card-restored .sh-mobile-card-content :is(h2,h3,h4,a,p,span) {
        overflow-wrap: break-word;
    }
    @media (max-width: 359px) {
        .sh-mobile-card-restored {
            --sh-mobile-card-image-size: 88px;
        }
    }
}