@media screen and (min-width: 1024px), print {
    .page-header {
        margin: 2em auto 0 !important;
    }

    .page-header .header-row .location::before {
        font-size: 27px !important;
    }

    .page-header .header-row .minicart-wrapper .action.showcart::before {
        background: url(../images/cart.svg) no-repeat !important;
        background-size: 27px !important;
        content: "" !important;
        font-size: 27px !important;
        height: 27px !important;
        line-height: 27px !important;
        width: 27px !important;
    }

    .page-header .header-row #search-button.search span::before,
    .page-header .header-row .search span::before {
        background-size: 27px !important;
        font-size: 27px !important;
        height: 27px !important;
        line-height: 27px !important;
        width: 27px !important;
    }

    .page-header .header-row .user-section .user,
    .user-section .user {
        font-size: 11px !important;
    }
}

.page-header .header-row .minicart-wrapper,
.minicart-wrapper {
    position: relative;
}

.page-header .header-row .user-section .avatar::before,
.user-section .avatar::before {
    background-size: 32px !important;
    height: 32px !important;
    width: 32px !important;
}

.page-header .header-row .minicart-wrapper .block-minicart,
.minicart-wrapper .block-minicart {
    box-sizing: border-box !important;
    max-width: calc(100vw - 30px) !important;
    overflow-x: hidden !important;
}

.minicart-items-wrapper {
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

.minicart-items .product-item-details {
    min-width: 0;
}

.minicart-items .product-item-name,
.minicart-items .product-item-name a {
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
    word-break: normal;
}

.minicart-items .product-item-details .details-qty .value {
    display: inline-block !important;
    left: auto !important;
    position: static !important;
    top: auto !important;
}

.block-minicart .block-content > .actions > .primary .action.primary,
.block-minicart #top-cart-btn-checkout {
    display: block !important;
    pointer-events: auto !important;
    width: 100% !important;
}

@media screen and (min-width: 1025px), print {
    .page-header .header-row .minicart-wrapper .block-minicart,
    .minicart-wrapper .block-minicart {
        right: 0 !important;
        width: calc(100vw - 30px) !important;
        max-width: 500px !important;
        width: min(500px, calc(100vw - 30px)) !important;
    }
}

@media screen and (max-width: 1024px) {
    .page-header .header-row .minicart-wrapper .block-minicart,
    .minicart-wrapper .block-minicart {
        left: 15px !important;
        max-height: calc(100vh - 100px) !important;
        max-height: calc(100dvh - 100px) !important;
        max-width: calc(100vw - 30px) !important;
        overflow-y: auto !important;
        padding: 20px 15px !important;
        position: fixed !important;
        right: 15px !important;
        top: 75px !important;
        width: auto !important;
        z-index: 1001 !important;
    }

    .block-minicart .subtotal,
    .block-minicart .items-total {
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left !important;
    }

    .block-minicart .block-content > .actions {
        margin-top: 15px !important;
    }

    .minicart-items-wrapper {
        max-height: calc(100vh - 275px) !important;
        max-height: calc(100dvh - 275px) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 480px) {
    .page-header .header-row .minicart-wrapper .block-minicart,
    .minicart-wrapper .block-minicart {
        left: 10px !important;
        max-height: calc(100vh - 85px) !important;
        max-height: calc(100dvh - 85px) !important;
        max-width: calc(100vw - 20px) !important;
        padding: 16px 12px !important;
        right: 10px !important;
        top: 65px !important;
    }

    .minicart-items .product-item-details {
        padding-left: 78px !important;
    }

    .minicart-items .product .actions {
        float: none !important;
        margin: 10px 0 0 !important;
        text-align: left !important;
    }
}

@supports (-webkit-touch-callout: none) {
    .page-header .header-row .minicart-wrapper .action.showcart::before,
    .page-header .header-row #search-button.search span::before,
    .page-header .header-row .search span::before,
    .page-header .header-row .location::before,
    .page-header .header-row .user-section .avatar::before,
    .user-section .avatar::before {
        background-repeat: no-repeat !important;
        display: inline-block !important;
        flex: 0 0 auto !important;
    }

    .page-header .header-row .logo img,
    .mgz-element-categories-list img,
    .mgz-element-categories-list .icon img,
    .minicart-items img {
        display: block !important;
        height: auto !important;
        max-width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .page-header .header-menu .menu-options {
        gap: 0 !important;
    }

    .page-header .header-row .column {
        column-gap: 0 !important;
    }

    .page-header .header-row .column > * + * {
        margin-left: 20px !important;
    }

    .page-header .header-menu .menu-options > .btn-group {
        margin-right: 0.5em !important;
    }

    .page-header .header-menu .menu-options > .btn-group:last-child {
        margin-right: 0 !important;
    }

    .mgz-element-categories-list .mgz-categories-level1 {
        gap: 0 !important;
        margin: -8px 0 0 -8px !important;
    }

    .mgz-element-categories-list .mgz-categories-level1 > li {
        box-sizing: border-box !important;
        margin: 8px 0 0 8px !important;
        max-width: none !important;
        min-width: 0 !important;
        white-space: normal !important;
    }

    .mgz-element-categories-list .mgz-categories-level1 li a {
        min-width: 0 !important;
    }

    .mgz-element-categories-list .mgz-categories-level1 li a::after,
    .mgz-element-categories-list .mgz-categories-level2 li a::after {
        background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.0009 9.58568L4.5867 5.99988L1.0009 2.41414C0.952091 2.36532 0.90937 2.31272 0.87276 2.25727C0.61648 1.86912 0.659191 1.34164 1.0009 0.999929C1.3914 0.609399 2.0246 0.609399 2.4151 0.999929L6.708 5.29278C6.8955 5.48038 7.0009 5.73468 7.0009 5.99988C7.0009 6.26518 6.8955 6.51948 6.708 6.70708L2.4151 10.9999C2.0246 11.3905 1.3914 11.3905 1.0009 10.9999C0.610381 10.6094 0.610381 9.97628 1.0009 9.58568Z' fill='%239C9897' fill-opacity='0.35'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-size: 7px 12px !important;
        flex: 0 0 7px !important;
    }

    .mgz-element-categories-list .mgz-categories-level1 .name {
        min-width: 0 !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
        word-break: normal !important;
    }
}

@supports (-webkit-touch-callout: none) {
    @media screen and (max-width: 1024px) {
        .page-header .header-row .location::before {
            display: inline-block !important;
            height: 30px !important;
            line-height: 30px !important;
            margin: 0 4px 0 0 !important;
            width: 30px !important;
        }

        .page-header .header-row .minicart-wrapper .block-minicart,
        .minicart-wrapper .block-minicart {
            max-height: calc(100vh - 100px) !important;
        }
    }
}