@media screen and (max-width: 1024px) {

    .mihanjs_breadcrumb {
        position: relative;
        gap: 0;
        padding: 12px 16px;
        overflow: hidden;
    }
    
    .mihanjs_breadcrumb-scroll {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        left: 14px;
        z-index: 2;
        transform: translateY(-50%);
        border: none;
        background: transparent;
        padding: 0;
        cursor: pointer;
        color: var(--primary-500);
        font-size: 20px;
        line-height: 1;
    }
    
    .mihanjs_breadcrumb.is-end .mihanjs_breadcrumb-scroll {
        visibility: hidden;
        pointer-events: none;
    }
    
    .mihanjs_breadcrumb-track {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100%;
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-mask-image: linear-gradient(to right, transparent 0, #000 56px, #000 100%);
        mask-image: linear-gradient(to right, transparent 0, #000 56px, #000 100%);
    }
    
    .mihanjs_breadcrumb.is-end .mihanjs_breadcrumb-track {
        -webkit-mask-image: none;
        mask-image: none;
    }
    
    .mihanjs_breadcrumb-track::-webkit-scrollbar {
        display: none;
    }
    
    .mihanjs_breadcrumb-track > * {
        flex-shrink: 0;
        white-space: nowrap;
    }

    .mihanjs_single-product {
        display: flex;
        flex-direction: column;
    }

    .mihanjs_product-gallery-stage::before {
        left: 39%;
    }

    span.mihanjs_line-seprator-title-head-product {
        display: none;
    }

    .mihanjs_send-product-items {
        display: none;
    }

    .mihanjs_related-item {
        height: 285px;
        width: calc((100cqi - 40px) / 3);
    }

    .mihanjs_related-item:hover {
        height: 382px;
    }

    .mihanjs_product-review-compose {
        display: flex;
        flex-direction: column-reverse;
        align-items: unset;
    }

    .mihanjs_review-scorebar {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .mihanjs_review-scorebar-items {
        flex-direction: column;
    }

    .mihanjs_review-meter span {
        text-align: right;
    }

    .mihanjs_review-scorebar-total {
        width: 100%;
        justify-content: flex-end;
    }

}

@media screen and (max-width: 768px) {

    .mihanjs_product-gallery-stage::before {
        left: 35%;
    }

    .mihanjs_related-info {
        flex-direction: column;
        align-items: flex-start;
    }

    .mihanjs_related-divider {
        display: none;
    }

    .mihanjs_related-item {
        width: calc((100cqi - 40px) / 2);
        height: 285px;
    }

    .mihanjs_related-item:hover {
        height: 382px;
    }

}

@media screen and (max-width: 678px) {

    .mihanjs_product-options {
        gap: 0;
        overflow: hidden;
    }

    .mihanjs_product-options-scroll {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 2;
        transform: translateY(-50%);
        border: none;
        background: transparent;
        padding: 0;
        cursor: pointer;
        color: var(--primary-300);
        font-size: 18px;
        line-height: 1;
    }

    .mihanjs_product-options.is-end .mihanjs_product-options-scroll {
        visibility: hidden;
        pointer-events: none;
    }

    .mihanjs_product-options-track {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        overflow-x: auto;
        scrollbar-width: none;
        cursor: grab;
        touch-action: pan-y;
        -webkit-mask-image: linear-gradient(to right, transparent 0, #000 42px, #000 100%);
        mask-image: linear-gradient(to right, transparent 0, #000 42px, #000 100%);
    }

    .mihanjs_product-options.is-end .mihanjs_product-options-track {
        -webkit-mask-image: none;
        mask-image: none;
    }

    .mihanjs_product-options-track.is-dragging {
        cursor: grabbing;
        user-select: none;
    }

    .mihanjs_product-options-track::-webkit-scrollbar {
        display: none;
    }

    .mihanjs_product-option {
        flex-shrink: 0;
        white-space: nowrap;
    }

}

@media screen and (max-width: 425px) {

    .mihanjs_product-gallery-stage::before {
        left: 25%;
        width: 150px;
        height: 150px;
    }

    .mihanjs_product-tabs-bar {
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: none;
        cursor: grab;
        touch-action: pan-y;
    }

    .mihanjs_product-tabs-bar::-webkit-scrollbar {
        display: none;
    }

    .mihanjs_product-tabs-bar.is-dragging,
    .mihanjs_product-tabs-bar.is-dragging * {
        cursor: grabbing;
        user-select: none;
    }

    .mihanjs_product-tabs-bar button {
        flex-shrink: 0;
        white-space: nowrap;
    }

    .mihanjs_comment-head {
        flex-direction: column;
        align-items: flex-start;
    }

    section.mihanjs_container:has(> .mihanjs_related-list) {
        display: flex;
        flex-direction: column;
    }

    section.mihanjs_container:has(> .mihanjs_related-list) > .mihanjs_related-head {
        display: contents;
    }

    section.mihanjs_container:has(> .mihanjs_related-list) .mihanjs_related-info {
        order: 1;
        width: 100%;
    }

    section.mihanjs_container:has(> .mihanjs_related-list) > .mihanjs_related-list {
        order: 2;
    }

    section.mihanjs_container:has(> .mihanjs_related-list) .mihanjs_related-arrows {
        order: 3;
        width: 100%;
        justify-content: center;
        margin-top: 16px;
    }

    .mihanjs_related-item {
        width: calc((100cqi - 0px) / 1);
    }

    .mihanjs_related-title {
        font-size: 18px;
    }

}

@media screen and (max-width: 375px) {

    .mihanjs_product-head h1 {
        font-size: 12px;
    }

    .mihanjs_product-thumb {
        height: 75px;
    }

}

@media screen and (max-width: 320px) {

    .mihanjs_product-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .mihanjs_product-head h1 {
        font-size: 14px;
    }

}