/* Responsive product stages within the native WPBakery heroes. */
@media (max-width: 767px) {
    body .mits-home-hero,
    body .mits-home-hero .vc_tta-panels,
    body .mits-home-hero .vc_tta-panel,
    body .mits-home-hero .vc_tta-panel-body,
    body .mits-home-hero .mits-hero-slide,
    body .mits-store-hero-products,
    body .mits-store-hero-products .woocommerce {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }

    /* Every homepage slide keeps the same stage height while the carousel changes. */
    body .mits-home-hero {
        --msh-mobile-hero-height: 680px;
        --msh-mobile-product-height: 104px;
    }
    body .mits-home-hero .vc_tta-panel-body {
        padding: 0 !important;
        overflow: visible !important;
    }
    body .mits-home-hero .mits-hero-slide {
        display: flex !important;
        flex-wrap: wrap !important;
        align-content: flex-start !important;
        height: var(--msh-mobile-hero-height) !important;
        min-height: var(--msh-mobile-hero-height) !important;
        padding: 24px 16px 58px !important;
        overflow: visible;
    }
    body .mits-home-hero .mits-hero-slide > .wpb_column {
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        min-width: 0;
    }
    body .mits-home-hero .mits-hero-slide > .wpb_column > .vc_column-inner {
        box-sizing: border-box;
        min-width: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    body .mits-home-hero .mits-hero-slide :is(h1, h2).vc_custom_heading,
    body .mits-home-hero .mits-hero-slide .wpb_text_column,
    body .mits-home-hero .mits-hero-slide .wpb_text_column p {
        max-width: 100%;
        overflow-wrap: anywhere;
    }
    body .mits-home-hero .mits-hero-slide .vc_btn3-container,
    body .mits-home-hero .mits-hero-slide .vc_btn3 {
        max-width: 100%;
    }

    /* Three products remain available without becoming three unreadably narrow columns. */
    body .mits-product-showcase .woocommerce,
    body .mits-store-hero-products .woocommerce {
        width: 100%;
        overflow: hidden;
    }
    body .mits-product-showcase ul.products,
    body .mits-store-hero-products ul.products {
        display: grid !important;
        grid-auto-flow: column;
        grid-auto-columns: minmax(144px, 44vw);
        grid-template-columns: none !important;
        align-items: stretch !important;
        gap: 12px !important;
        width: 100%;
        max-width: 100%;
        margin: 14px 0 0 !important;
        padding: 0 0 8px !important;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-inline: contain;
        scroll-snap-type: inline mandatory;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }
    body .mits-product-showcase ul.products::before,
    body .mits-product-showcase ul.products::after,
    body .mits-store-hero-products ul.products::before,
    body .mits-store-hero-products ul.products::after {
        display: none !important;
    }
    body .mits-product-showcase ul.products li.product,
    body .mits-store-hero-products ul.products li.product {
        box-sizing: border-box;
        width: 100% !important;
        min-width: 0;
        max-width: none;
        height: 100%;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        scroll-snap-align: start;
    }
    body .mits-product-showcase li.product > .post_item,
    body .mits-store-hero-products li.product > .post_item {
        display: grid !important;
        grid-template-rows: var(--msh-mobile-product-height, 104px) minmax(0, 1fr) !important;
        gap: 8px !important;
        min-width: 0;
        height: 100%;
    }
    body .mits-product-showcase .post_featured,
    body .mits-store-hero-products .post_featured {
        box-sizing: border-box;
        width: 100% !important;
        height: var(--msh-mobile-product-height, 104px) !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    body .mits-product-showcase .post_featured a,
    body .mits-store-hero-products .post_featured a {
        display: block;
        width: 100%;
        height: 100%;
    }
    body .mits-product-showcase .post_featured img,
    body .mits-store-hero-products .post_featured img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
    }
    body .mits-product-showcase .post_data,
    body .mits-product-showcase .post_data_inner,
    body .mits-store-hero-products .post_data,
    body .mits-store-hero-products .post_data_inner {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }
    body .mits-product-showcase .woocommerce-loop-product__title,
    body .mits-store-hero-products .woocommerce-loop-product__title {
        display: -webkit-box;
        min-height: 3.9em !important;
        max-height: 3.9em;
        margin: 0 !important;
        overflow: hidden;
        overflow-wrap: anywhere;
        line-height: 1.3 !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    body .mits-product-showcase .price,
    body .mits-store-hero-products .price,
    body .mits-product-showcase .woocommerce-Price-amount,
    body .mits-store-hero-products .woocommerce-Price-amount {
        max-width: 100%;
        white-space: nowrap !important;
    }
    body .mits-product-showcase .button,
    body .mits-store-hero-products .button {
        box-sizing: border-box;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }

    /* The shop hero is not a carousel slide, so it may grow with translated titles. */
    body .mits-store-hero-products {
        width: 100%;
        min-height: 0 !important;
        overflow: hidden;
    }
}

/* The page builder prints its saved CSS after enqueued styles. This narrow bridge deliberately
   outranks that mobile-only source without changing the desktop cascade. */
@media (max-width: 767px) {
    body.home.page-id-78979 .sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh .mits-hero-slide {
        height: var(--msh-mobile-hero-height) !important;
        min-height: var(--msh-mobile-hero-height) !important;
        padding: 24px 16px 58px !important;
    }
    body.home.page-id-78979 .sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh .mits-product-showcase ul.products,
    body .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products .woocommerce ul.products {
        grid-auto-flow: column !important;
        grid-auto-columns: minmax(144px, 44vw) !important;
        grid-template-columns: none !important;
        gap: 12px !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }
    body.home.page-id-78979 .sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh .mits-product-showcase ul.products li.product,
    body .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products .woocommerce ul.products li.product {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        float: none !important;
    }
    body.home.page-id-78979 .sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh .mits-product-showcase .post_featured {
        box-sizing: border-box !important;
        height: var(--msh-mobile-product-height) !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    body.home.page-id-78979 .sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh .mits-product-showcase .post_featured img {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
    }
}

@media (max-width: 359px) {
    body .mits-home-hero {
        --msh-mobile-hero-height: 720px;
        --msh-mobile-product-height: 96px;
    }
    body .mits-product-showcase ul.products,
    body .mits-store-hero-products ul.products {
        grid-auto-columns: minmax(142px, 76vw);
        gap: 10px !important;
    }
    body.home.page-id-78979 .sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh .mits-product-showcase ul.products,
    body .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products .woocommerce ul.products {
        grid-auto-columns: minmax(142px, 76vw) !important;
        gap: 10px !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    body .mits-home-hero { --msh-mobile-hero-height: 640px; }
    body .mits-product-showcase ul.products,
    body .mits-store-hero-products ul.products {
        grid-auto-columns: minmax(156px, 31vw);
    }
    body.home.page-id-78979 .sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh .mits-product-showcase ul.products,
    body .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products .woocommerce ul.products {
        grid-auto-columns: minmax(156px, 31vw) !important;
    }
}

/* Restore source image colors and one media track; saved WPBakery rules staggered the middle item.
   The homepage IDs also outrank the old ID-based object-position rule. No slide visibility changes. */
body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) ul.products li.product {
    --msh-hero-media-height: 208px;
}
body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) ul.products li.product > .post_item {
    display: grid !important;
    grid-template-rows: var(--msh-hero-media-height) minmax(0, 1fr) !important;
}
body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) ul.products li.product .post_featured {
    box-sizing: border-box !important;
    height: var(--msh-hero-media-height) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    mix-blend-mode: normal !important;
    isolation: isolate;
    overflow: hidden !important;
}
body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) ul.products li.product .post_featured > a {
    display: block !important;
    height: 100% !important;
    width: 100% !important;
}
body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) ul.products li.product .post_featured img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    mix-blend-mode: normal !important;
    transform: none !important;
}
@media (max-width: 1023px) {
    body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) ul.products li.product {
        --msh-hero-media-height: 168px;
    }
}
@media (max-width: 767px) {
    body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) ul.products li.product {
        --msh-hero-media-height: var(--msh-mobile-product-height, 104px);
    }
}
@media (max-width: 359px) {
    body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) ul.products li.product {
        --msh-hero-media-height: 96px;
    }
}

/* Saved WPBakery styles load last; the ID scope and native DOM chain outrank them.
   Fixed tracks align cards even when the heading itself is display:block. */
body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) .woocommerce ul.products li.product > .post_item > .post_data {
    --msh-hero-title-height: 72.9px; /* Three lines at 18px * 1.35. */
    --msh-hero-price-height: 52px;
    display: block !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: start !important;
}
body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) .woocommerce ul.products li.product > .post_item > .post_data > .post_data_inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: calc(var(--msh-hero-title-height) + 11px) var(--msh-hero-price-height) minmax(44px, auto) !important;
    gap: 8px !important;
    align-content: start !important;
    align-items: start !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) .woocommerce ul.products li.product > .post_item > .post_data > .post_data_inner > .post_header {
    grid-area: 1 / 1 !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 0 10px !important;
}
body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) .woocommerce ul.products li.product > .post_item > .post_data > .post_data_inner > .post_header > h2.woocommerce-loop-product__title {
    box-sizing: border-box !important;
    display: block !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    color: #102c3e !important;
    height: var(--msh-hero-title-height) !important;
    min-height: var(--msh-hero-title-height) !important;
    max-height: var(--msh-hero-title-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    text-wrap: pretty;
}
body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) .woocommerce ul.products li.product > .post_item > .post_data > .post_data_inner > .post_header > h2.woocommerce-loop-product__title > a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
    text-shadow: 0 1px 2px #fff;
}
body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) .woocommerce ul.products li.product > .post_item > .post_data > .post_data_inner > span.price {
    grid-area: 2 / 1 !important;
    align-self: start !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) .woocommerce ul.products li.product > .post_item > .post_data > .post_data_inner > .add_to_cart_wrap {
    grid-area: 3 / 1 !important;
    display: flex !important;
    align-self: start !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 0 !important;
}
/* Hidden service copy and accessibility text must not create implicit grid tracks. */
body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) .woocommerce ul.products li.product > .post_item > .post_data > .post_data_inner > .msh-service-included,
body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) .woocommerce ul.products li.product > .post_item > .post_data > .post_data_inner::before,
body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) .woocommerce ul.products li.product > .post_item > .post_data > .post_data_inner::after {
    display: none !important;
}
body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) .woocommerce ul.products li.product > .post_item > .post_data > .post_data_inner > .screen-reader-text {
    position: absolute !important;
}
@media (max-width: 767px) {
    body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) .woocommerce ul.products li.product > .post_item > .post_data {
        --msh-hero-title-height: 62.4px; /* Three lines at 16px * 1.3. */
        --msh-hero-price-height: 44px;
    }
    body :is(.sc_layouts.sc_layouts_79931 .mits-home-hero.mits-hero-refresh :is(#mits-hero-computere, #mits-hero-udstyr, #mits-hero-tilbehoer), .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products) .woocommerce ul.products li.product > .post_item > .post_data > .post_data_inner > .post_header > h2.woocommerce-loop-product__title {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }
}

/* Shop hero controls: shortcode content need not have WooCommerce body classes.
   Catalogue-only selectors and direct inner-wrapper links miss this cart wrapper. */
body .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products .woocommerce ul.products,
body .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products .woocommerce ul.products li.product {
    list-style: none !important;
}
body .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products .woocommerce ul.products li.product::before,
body .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products .woocommerce ul.products li.product::after {
    content: none !important;
    display: none !important;
}
body .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products .woocommerce ul.products li.product::marker {
    content: "" !important;
}
body .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products .woocommerce ul.products li.product > .post_item > .post_data > .post_data_inner > .add_to_cart_wrap > a.button {
    display: inline-flex !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 12px 8px !important;
    background: #0864a2 !important;
    border-color: #0864a2 !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
}
body .sc_layouts.sc_layouts_80008 .mits-store-v3 .mits-store-intro .mits-store-hero-products .woocommerce ul.products li.product > .post_item > .post_data > .post_data_inner > .add_to_cart_wrap > a.button::before {
    content: none !important;
    display: none !important;
}