@import "indoor-detail-layout.less";

@content4-card3-ref-w: 97.7;
@content4-card3-ref-h: 51.075;
@indoor-mo-w: 38.2rem;
@indoor-mo-scale: (@indoor-mo-w / 97.7rem);

.page-indoor {
      padding-top: 2rem;
      .breadcrumb {
        .indoor-shell();
        display: flex;
        height: 8rem;
        padding-left: 0;
        padding-right: 0;
        align-items: center;
        width: 100%;
        .home-icon {
          width: 2.8rem;
          height: 2.6rem;
        }
        .arrow-icon {
          margin-left: 1.2rem;
          margin-right: 1.2rem;
          width: 0.5rem;
          height: 1rem;
        }
        .active {
          font-size: 2rem;
          line-height: 1.2;
          letter-spacing: -0.4px;
          color: #1f94d2;
        }
        .inactive {
          font-size: 2rem;
          line-height: 1.2;
          letter-spacing: -0.4px;
          color: #000;
        }
      }
    .content-container {
        .indoor-flow-reset();
        .content-wrapper {
            display: none;
            padding-top: 6.964597rem;
            padding-bottom: 6.964597rem;
            &.active {
                display: block;
            }
            .inner {
                align-items: stretch; 
                .indoor-shell();
                padding-left: 0;
                padding-right: 0;
                justify-content: space-between;
                .flex-left {
                    width: 48.264655rem;
                    background-color: #f2f2f2;
                    border-radius: 3.064423rem;
                    margin-right: 3.482298rem;
                    padding-left: 5rem;
                    padding-top: 9.053976rem;
                    flex-shrink: 0;
                    box-sizing: border-box;
                    .title {
                        color: #333;
                        font-size: 5.01451rem;
                        line-height: 1.1;
                        margin-bottom: 3.064423rem;
                    }
                    .list {
                        color: #333;
                        font-size: 1.950087rem;
                        line-height: 2.4;
                        margin-left: -0.278584rem;
                    }
                }
            }
        }
        #content-1 {
            .inner {
                align-items: stretch; 
                .flex-left {
                    height: auto;
                    .machine-wrapper {
                        width: 90%;
                        margin-bottom: 2rem;
                        .machine-img {
                            width: 100%;
                        }
                    }
                }
                .flex-right {
                    height: auto;
                    width: @indoor-main-w;
                    .right-text-1 {
                        color: #333;
                        font-size: 2.785839rem;
                        width: 52.234475rem;
                    }
                    .right-card-1 {
                        .indoor-card-stack();
                        width: @indoor-main-w;
                        background-color: #eeefef;
                        border-radius: 1.857458rem;
                        margin-top: 1.392919rem;
                        margin-bottom: 5.571677rem;
                        padding: 2.5rem 3.7rem 2.4rem;
                        .unit-img {
                            width: 100%;
                            margin-bottom: 1.2rem;
                        }
                        .inches-wrapper {
                            width: 100%;
                            margin-bottom: 1.6rem;
                            .inches-img {
                                width: 100%;
                                height: auto;
                            }
                        }
                        .title {
                            font-size: 1.532211rem;
                            color: #333;
                            line-height: 1.5;
                            width: 100%;
                            max-width: 55rem;
                        }
                    }
                    .right-text-2 {
                        color: #333;
                        font-size: 4rem;
                    }
                    .right-card-2 {
                        width: 100%;
                        height: auto;
                        background-color: #eeefef;
                        border-radius: 1.857458rem;
                        margin-top: 2rem;
                        margin-bottom: 5.3rem;
                        overflow: hidden;
                        .part-1 {
                            .indoor-overlay();
                            min-height: 13.232734rem;
                            background: rgb(247, 247, 247);
                            overflow: hidden;
                            .installation-1 {
                                width: 100%;
                                min-height: 13.232734rem;
                                object-fit: cover;
                                object-position: left center;
                                z-index: 0;
                            }
                            .hand-img {
                                width: 1.7rem;
                                height: 2.6rem;
                                left: 12.47%;
                                top: 62.6%;
                            }
                            .hook-img {
                                width: 10.2rem;
                                height: 5.8rem;
                                left: 1.12%;
                                top: 61.6%;
                            }
                            .img-text {
                                font-size: 1.3rem;
                                color: #333;
                                line-height: 1.1;
                                left: 12.37%;
                                top: 79.5%;
                            }
                        }
                        .part-2 {
                            height: auto;
                            min-height: 11.8rem;
                            padding-left: 3rem;
                            padding-right: 2.7rem;
                            padding-top: 2rem;
                            padding-bottom: 2rem;
                            box-sizing: border-box;
                            .title {
                                color: #4b4949;
                                font-size: 3rem;
                            }
                            .desc {
                                color: #333;
                                font-size: 1.5rem;
                                line-height: 1.5;
                                margin-top: 0.3rem;
                                width: auto;
                                max-width: 100%;
                            }
                        }
                        .part-3 {
                            min-height: 15.322113rem;
                            background: #f7f7f7;
                            overflow: hidden;
                            .installation-2 {
                                width: 100%;
                                min-height: 15.322113rem;
                                object-fit: cover;
                                object-position: center center;
                            }
                        }
                        .part-4 {
                            padding-left: 3rem;
                            padding-top: 1.6rem;
                            padding-right: 2.7rem;
                            padding-bottom: 3rem;
                            box-sizing: border-box;
                            .title {
                                color: #4b4949;
                                font-size: 3rem;
                            }
                            .desc {
                                color: #333;
                                font-size: 1.5rem;
                                width: auto;
                                line-height: 1.2;
                                margin-top: 0.4rem;
                            }
                            .bottom-row {
                                margin-top: 0.9rem;
                                align-items: flex-start;
                                .pushin-wrapper {
                                    flex-shrink: 0;
                                    width: 60%;
                                    margin-right: 1.2rem;
                                    overflow: hidden;
                                    .pushin-img {
                                        width: 100%;
                                        height: auto;
                                        object-fit: cover;
                                        object-position: center;
                                    }
                                }
                                .pushin-text {
                                    flex: 1;
                                    min-width: 0;
                                    color: #333;
                                    width: auto;
                                    font-size: 1.5rem;
                                    line-height: 1.5;
                                }
                            }
                        }
                    }
                    .right-text-3 {
                        color: #333;
                        font-size: 2.785839rem;
                        line-height: 1.2;
                    }
                    .right-card-3 {
                        .indoor-card-stack();
                        width: 68.044109rem;
                        border-radius: 1.857458rem;
                        border: dashed 1px #cccccc;
                        margin-top: 1.392919rem;
                        padding: 2rem 3.8rem 2.4rem;
                        .expand-img {
                            width: 100%;
                            max-width: 51.4rem;
                            margin: 0 auto 1.6rem;
                            object-fit: contain;
                        }
                        .title {
                            font-size: 2.089379rem;
                            color: #4b4949;
                            margin-bottom: 0.278584rem;
                        }
                        .desc {
                            font-size: 1.532211rem;
                            color: #333;
                            line-height: 1.5;
                            width: 100%;
                            max-width: 63rem;
                        }
                    }
                }
            }
        }
        #content-2 {
            .inner {
                .flex-left {
                    height: auto;
                    min-height: 48rem;
                    .title {
                        width: 38.305281rem;
                    }
                    .machine-wrapper {
                        width: 90%;
                        margin-bottom: 2rem;
                        .machine-img {
                            width: 100%;
                        }
                    }
                }
                .flex-right {
                    height: auto;
                    width: 68.044109rem;
                    .right-text-1 {
                        font-size: 2.785839rem;
                        color: #333;
                        margin-bottom: 1.532211rem;
                    }
                    .right-card-1 {
                        .indoor-card-stack();
                        width: 68.044109rem;
                        border-radius: 1.857458rem;
                        border: dashed 1px #cccccc;
                        margin-bottom: 5.850261rem;
                        padding: 2rem 3.4rem 2.2rem;
                        .pump-img {
                            width: 100%;
                            max-width: 44.2rem;
                            margin: 0 auto 1.4rem;
                        }
                        .card-text {
                            color: #333;
                            font-size: 1.532211rem;
                            line-height: 1.5;
                        }
                    }
                    .right-text-2 {
                        font-size: 2.785839rem;
                        color: #333;
                        margin-bottom: 1.392919rem;
                    }
                    .right-card-2 {
                        .indoor-card-stack();
                        width: 68.044109rem;
                        border-radius: 1.857458rem;
                        border: dashed 1px #cccccc;
                        margin-bottom: 5.850261rem;
                        padding: 2rem 3.5rem 2.2rem;
                        .inside-img {
                            width: 100%;
                            max-width: 44.2rem;
                            margin: 0 auto 1.4rem;
                            object-fit: contain;
                        }
                        .card-text {
                            color: #333;
                            font-size: 1.532211rem;
                            width: 100%;
                            line-height: 1.5;
                        }
                    }
                    .right-text-3 {
                        font-size: 2.785839rem;
                        color: #333;
                        margin-bottom: 1.392919rem;
                    }
                    .right-card-3 {
                        .indoor-card-stack();
                        width: 68.044109rem;
                        border-radius: 1.857458rem;
                        border: dashed 1px #cccccc;
                        margin-bottom: 5.780615rem;
                        padding: 2rem 3.5rem 2.2rem;
                        display: grid;
                        grid-template-columns: 1fr 1.35fr;
                        gap: 1.6rem;
                        align-items: center;
                        .card-text {
                            color: #333;
                            font-size: 1.532211rem;
                            line-height: 1.5;
                            order: 1;
                        }
                        .degree-img {
                            width: 100%;
                            order: 2;
                            object-fit: contain;
                        }
                    }
                    .right-text-4 {
                        font-size: 2.785839rem;
                        color: #333;
                        margin-bottom: 1.392919rem;
                    }
                    .right-card-4 {
                        .indoor-card-stack();
                        width: 68.044109rem;
                        border-radius: 1.857458rem;
                        border: dashed 1px #cccccc;
                        padding: 2rem 3.3rem 2.2rem;
                        display: grid;
                        grid-template-columns: 1fr 1.35fr;
                        gap: 1.6rem;
                        align-items: center;
                        .card-text {
                            color: #333;
                            font-size: 1.532211rem;
                            line-height: 1.5;
                            order: 1;
                        }
                        .controller-img {
                            width: 100%;
                            order: 2;
                            object-fit: contain;
                        }
                    }
                }
            }
        }
        #content-3 {
            .inner {
                align-items: stretch; 
                .flex-left {
                    height: auto;
                    min-height: 52rem;
                    .machine-wrapper {
                        width: 100%;
                        margin-bottom: 2rem;
                        margin-left: -2rem;
                        .machine-img {
                            width: 100%;
                        }
                    }
                }
                .flex-right {
                    width: 68.253047rem;
                    height: auto;
                    .right-text-1 {
                        color: #333;
                        font-size: 4rem;
                    }
                    .right-card-1 {
                        .indoor-card-stack();
                        width: 68.253047rem;
                        margin-top: 3.900174rem;
                        background-color: #eeefef;
                        border-radius: 1.857458rem;
                        overflow: hidden;
                        .card-top {
                            display: flex;
                            flex-wrap: wrap;
                            align-items: flex-start;
                            justify-content: space-between;
                            min-height: 28rem;
                            padding: 3.7rem 3.7rem 0;
                            box-sizing: border-box;
                            .card-top-text {
                                flex: 0 0 42%;
                                font-size: 2.2rem;
                                color: #333;
                                line-height: 1.5;
                                margin: 0;
                            }
                            .space-img {
                                flex: 1 1 52%;
                                min-width: 0;
                                max-width: 55rem;
                                margin-top: -2rem;
                                object-fit: contain;
                            }
                            .inche-text {
                                flex: 0 0 100%;
                                padding-left: 3.6rem;
                                margin-top: -1rem;
                                color: #000;
                                font-size: 2.6rem;
                                line-height: 1.2;
                                white-space: nowrap;
                            }
                        }
                        .card-bottom {
                            box-sizing: border-box;
                            width: 100%;
                            padding: 0 4.1rem 3.4rem;
                            font-size: 2rem;
                            color: #333;
                        }
                    }
                    .right-text-2 {
                        color: #333;
                        font-size: 4rem;
                        margin-top: 3.6rem;
                    }
                    .right-card-2 {
                        .indoor-card-stack();
                        width: 67.556587rem;
                        height: auto;
                        margin-top: 1.392919rem;
                        background-color: #eeefef;
                        border-radius: 1.857458rem;
                        overflow: hidden;
                        .card-top {
                            height: 24.585026rem;
                            overflow: hidden;
                            .sensor-img {
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                                object-position: center;
                            }
                        }
                        .card-bottom {
                            padding: 3rem;
                            font-size: 1.8rem;
                            color: #333;
                            line-height: 1.5;
                        }
                    }
                    .right-text-3 {
                        color: #333;
                        font-size: 4rem;
                        margin-top: 2.507255rem;
                    }
                    .right-card-3 {
                        .indoor-card-stack();
                        width: 67.556587rem;
                        height: auto;
                        background-color: #eeefef;
                        border-radius: 1.857458rem;
                        margin-top: 1.392919rem;
                        overflow: hidden;
                        .card-top {
                            height: 24.585026rem;
                            overflow: hidden;
                            .magpull-img {
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                                object-position: center bottom;
                            }
                        }
                        .card-bottom {
                            color: #333;
                            font-size: 1.8rem;
                            padding: 3rem;
                            line-height: 1.5;
                        }
                    }
                    .right-text-4 {
                        color: #333;
                        font-size: 4rem;
                        margin-top: 2.507255rem;
                    }
                    .right-card-4 {
                        display: flex;
                        flex-direction: row-reverse;
                        align-items: center;
                        gap: 1.6rem;
                        width: 68.027394rem;
                        background-color: #ffffff;
                        border-radius: 1.857458rem;
                        border: dashed 1px #cccccc;
                        margin-top: 1.392919rem;
                        overflow: hidden;
                        padding: 1.6rem 2rem;
                        box-sizing: border-box;
                        .card-text {
                            flex: 0 0 24rem;
                            font-size: 1.4rem;
                            line-height: 1.5;
                            color: #333;
                        }
                        .wheel-img {
                            flex: 1;
                            min-width: 0;
                            width: 100%;
                            object-fit: contain;
                        }
                    }
                }
            }
        }
        #content-4 {
            .inner {
                .flex-left {
                    height: auto;
                    min-height: 46rem;
                    .machine-wrapper {
                        width: 90%;
                        margin-bottom: 2rem;
                        .machine-img {
                            width: 100%;
                        }
                    }
                }
                .flex-right {
                    height: auto;
                    width: 68.044109rem;
                    .right-text-1 {
                        font-size: 2.785839rem;
                        color: #333;
                        margin-bottom: 4.178758rem;
                    }
                    .right-card-1 {
                        .indoor-card-stack();
                        width: 67.904817rem;
                        height: auto;
                        background-color: #eeefef;
                        border-radius: 1.857458rem;
                        overflow: hidden;
                        .card-top {
                            flex: 0 0 auto;
                            height: 41.857226rem;
                            overflow: hidden;
                            .installation {
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                            }
                        }
                        .card-bottom {
                            font-size: 1.532211rem;
                            color: #333;
                            padding: 3rem;
                            line-height: 1.5;
                        }
                    }
                    .right-text-2 {
                        font-size: 2.785839rem;
                        color: #333;
                        margin-top: 4.178758rem;
                        margin-bottom: 1.810795rem;
                    }
                    @content4-card2-ref-w: 97.7rem;
                    @content4-card2-w: 68.044109rem;
                    @content4-card2-s: (@content4-card2-w / @content4-card2-ref-w);

                    .right-card-2 {
                        position: relative;
                        width: @content4-card2-w;
                        min-height: (51.075rem * @content4-card2-s);
                        background-color: rgb(247, 248, 249);
                        border-radius: 1.857458rem;
                        padding-left: (5.7rem * @content4-card2-s);
                        padding-top: (31.6rem * @content4-card2-s);
                        padding-right: (3rem * @content4-card2-s);
                        padding-bottom: (2.4rem * @content4-card2-s);
                        overflow: hidden;
                        box-sizing: border-box;

                        > .specs-img,
                        > .house-img {
                            position: absolute;
                            display: block;
                            object-fit: contain;
                        }

                        > .specs-img {
                            width: (31.3rem * @content4-card2-s);
                            height: (18.6rem * @content4-card2-s);
                            left: (5.8rem * @content4-card2-s);
                            top: (7.4rem * @content4-card2-s);
                            z-index: 2;
                        }

                        > .house-img {
                            width: (51.1rem * @content4-card2-s);
                            height: (41.4rem * @content4-card2-s);
                            left: (46.2rem * @content4-card2-s);
                            top: (3.5rem * @content4-card2-s);
                            z-index: 2;
                        }

                        > .right-card-2-inner {
                            position: absolute;
                            left: 0;
                            top: 0;
                            width: 100%;
                            height: 100%;
                            border-radius: 1.857458rem;
                            border: dashed 1px #cccccc;
                            box-sizing: border-box;
                            pointer-events: none;
                            z-index: 1;
                        }

                        > .font-pro-r {
                            position: relative;
                            z-index: 3;
                            color: #333;
                            font-size: 1.532211rem;
                            width: (37rem * @content4-card2-s);
                            max-width: 100%;
                            line-height: 1.5;
                        }
                    }
                    .right-text-3 {
                        font-size: 2.785839rem;
                        color: #333;
                        margin-top: 4.178758rem;
                        margin-bottom: 1.810795rem;
                        width: 58.502612rem;
                        line-height: 1.2;
                    }

                    @content4-card3-w: 68.044109rem;
                    @content4-card3-s: (@content4-card3-w / (@content4-card3-ref-w * 1rem));

                    .right-card-3 {
                        position: relative;
                        width: @content4-card3-w;
                        height: (@content4-card3-ref-h * 1rem * @content4-card3-s);
                        background-color: #ffffff;
                        border-radius: 1.857458rem;
                        border: dashed 1px #cccccc;
                        overflow: hidden;
                        box-sizing: border-box;

                        > .circle,
                        > .icon-1,
                        > .icon-2,
                        > .icon-3,
                        > .icon-4 {
                            position: absolute;
                            display: block;
                            object-fit: contain;
                        }

                        > .circle {
                            width: (19.9 / @content4-card3-ref-w * 100%);
                            height: (19.9 / @content4-card3-ref-h * 100%);
                            left: (40.5 / @content4-card3-ref-w * 100%);
                            top: (16 / @content4-card3-ref-h * 100%);
                            z-index: 0;
                        }

                        > .icon-1 {
                            width: (16.5 / @content4-card3-ref-w * 100%);
                            height: (20.7 / @content4-card3-ref-h * 100%);
                            left: (14.6 / @content4-card3-ref-w * 100%);
                            top: (4 / @content4-card3-ref-h * 100%);
                            z-index: 1;
                        }

                        > .icon-2 {
                            width: (16.5 / @content4-card3-ref-w * 100%);
                            height: (15.7 / @content4-card3-ref-h * 100%);
                            left: (68.2 / @content4-card3-ref-w * 100%);
                            top: (6.6 / @content4-card3-ref-h * 100%);
                            z-index: 1;
                        }

                        > .icon-3 {
                            width: (16.5 / @content4-card3-ref-w * 100%);
                            height: (19.6 / @content4-card3-ref-h * 100%);
                            left: (14.6 / @content4-card3-ref-w * 100%);
                            top: (27.7 / @content4-card3-ref-h * 100%);
                            z-index: 1;
                        }

                        > .icon-4 {
                            width: (16.5 / @content4-card3-ref-w * 100%);
                            height: (18.5 / @content4-card3-ref-h * 100%);
                            left: (68.6 / @content4-card3-ref-w * 100%);
                            top: (28.3 / @content4-card3-ref-h * 100%);
                            z-index: 1;
                        }
                    }
                }
            }
        }
        #content-5 {
            .inner {
                .flex-left {
                    height: auto;
                    min-height: 48rem;
                    .machine-wrapper {
                        width: 90%;
                        margin-bottom: 2rem;
                        .machine-img {
                            width: 100%;
                            object-fit: contain;
                            object-position: center bottom;
                        }
                    }
                }
                .flex-right {
                    .indoor-card-stack();
                    width: @indoor-main-w;
                    height: auto;
                    background-color: #e3e3e3;
                    border-radius: 1.857458rem;
                    padding: 4rem 4.5rem 3.6rem;
                    overflow: hidden;
                    box-sizing: border-box;
                    .title-1 {
                        color: #333;
                        font-size: 4rem;
                    }
                    .desc-1 {
                        margin-top: 0.6rem;
                        color: #4b4949;
                        font-size: 2.8rem;
                    }
                    .title-2 {
                        margin-top: 8rem;
                        color: #333;
                        font-size: 4rem;
                    }
                    .wall-wrapper {
                        width: 100%;
                        margin-top: 2rem;
                        .wall-img {
                            width: 100%;
                            height: auto;
                            object-fit: contain;
                        }
                    }
                    .machine-wrapper {
                        width: 100%;
                        margin-top: 2rem;
                        .machine-img {
                            display: block;
                            width: 100%;
                            max-width: 50rem;
                            margin: 0 auto;
                            height: auto;
                            object-fit: contain;
                        }
                    }
                }
            }
        }

        #content-7 {
            .inner {
                .flex-left {
                height: auto;
                min-height: 44rem;
                .machine-wrapper {
                    width: 90%;
                    margin-bottom: 2rem;
                    .machine-img {
                        width: 100%;
                        object-fit: contain;
                        object-position: center bottom;
                    }
                }
            }
            .flex-right {
                @slim-boost: 1.2;
                display: flex;
                flex-direction: column;
                width: @indoor-main-w;
                max-width: 100%;
                height: auto;
                background-color: #f2f2f2;
                border-radius: 2.667rem;
                padding-left: (6rem * @slim-boost);
                padding-top: (10.4rem * @slim-boost);
                padding-bottom: (4rem * @slim-boost);
                box-sizing: border-box;
                .text-1 {
                    color: #333333;
                    font-size: (3.3rem * @slim-boost);
                    margin-bottom: (2.1rem * @slim-boost);
                }
                .text-2 {
                    .title {
                        font-size: (1.2rem * @slim-boost);
                        color: #333333;
                        margin-right: (0.7rem * @slim-boost);
                    }
                    .desc {
                        color: #333333;
                        font-size: (2.5rem * @slim-boost);
                    }
                }
                .text-3 {
                    margin-top: (5.4rem * @slim-boost);
                    color: #333333;
                    font-size: (1.6rem * @slim-boost);
                    width: (22rem * @slim-boost);
                    line-height: 1.2;
                }
                .text-4 {
                    margin-top: (5rem * @slim-boost);
                    .title {
                        color: #999999;
                        font-size: (1.5rem * @slim-boost);
                        margin-bottom: (0.7rem * @slim-boost);
                    }
                    .spec {
                        color: #343435;
                        align-items: flex-end;
                        .spec-value {
                            font-size: (3.3rem * @slim-boost);
                        }
                        .spec-name {
                            font-size: (1.5rem * @slim-boost);
                            margin-left: (0.4rem * @slim-boost);
                            transform: translateY(-0.3rem);
                        }
                    }
                }
                .text-5 {
                    margin-top: (5.6rem * @slim-boost);
                    font-size: (1.6rem * @slim-boost);
                    line-height: 1.2;
                    .title {
                        color: #999999;
                    }
                    .desc {
                        color: #343435;
                    }
                }
                .text-6 {
                    margin-top: (1.6rem * @slim-boost);
                }
                .text-7 {
                    margin-top: (3.3rem * @slim-boost);
                }
                .text-8 {
                    margin-top: (3.3rem * @slim-boost);
                }
                .text-9 {
                    color: #333333;
                    font-size: (1.6rem * @slim-boost);
                    margin-top: (3.2rem * @slim-boost);
                }
                .air-title {
                    font-size: (1.2rem * @slim-boost);
                    color: #343435;
                    padding-left: (2.7rem * @slim-boost);
                }
                .air-line {
                    display: flex;
                    align-items: center;
                    gap: (1.2rem * @slim-boost);
                    width: 100%;
                    max-width: (32rem * @slim-boost);
                    margin-top: (0.4rem * @slim-boost);
                    .line-img {
                        flex: 0 0 (10.5rem * @slim-boost);
                        width: (10.5rem * @slim-boost);
                        height: auto;
                        object-fit: contain;
                    }
                    .light-img {
                        flex: 1;
                        min-width: 0;
                        height: (5.6rem * @slim-boost);
                        width: auto;
                        object-fit: contain;
                        object-position: right center;
                    }
                    .light-1 {
                        width: (8rem * @slim-boost);
                        height: (5.6rem * @slim-boost);
                    }
                    .light-2 {
                        width: (12.7rem * @slim-boost);
                        height: (5.4rem * @slim-boost);
                    }
                    .light-3 {
                        width: (18.3rem * @slim-boost);
                        height: (5.4rem * @slim-boost);
                    }
                }
                .air-spec {
                    width: (10.5rem * @slim-boost);
                    display: flex;
                    justify-content: space-between;
                    white-space: nowrap;
                    font-size: (1rem * @slim-boost);
                }
            }
            }
        }

        #content-6 {
            .inner {
            .flex-left {
                height: auto;
                min-height: 50rem;
                .machine-wrapper {
                    width: 90%;
                    margin-bottom: 2rem;
                    padding: 1rem;
                    box-sizing: border-box;
                    .machine-img {
                        width: 100%;
                        margin: 0 auto;
                        object-fit: contain;
                        object-position: center bottom;
                    }
                }
            }
            .flex-right {
                height: auto;
                width: @indoor-main-w;
                max-width: 100%;
                display: flex;
                flex-direction: column;
                .title {
                    color: #333;
                    font-size: 2.785839rem;
                    margin-bottom: 4.178758rem;
                }
                .card {
                    .indoor-card-stack();
                    width: 67.974463rem;
                    height: auto;
                    background-color: #ffffff;
                    border-radius: 2.275334rem;
                    border: solid 1px #cccccc;
                    overflow: hidden;
                    .card-top {
                        .indoor-overlay();
                        width: 100%;
                        min-height: 40rem;
                        .bg-img {
                            width: 100%;
                            height: auto;
                            object-fit: cover;
                            z-index: 0;
                        }
                        .logo-img {
                            position: absolute;
                            width: 39%;
                            max-width: 26.8rem;
                            height: auto;
                            justify-self: center;
                            align-self: center;
                            z-index: 1;
                            object-fit: contain;
                        }
                    }
                    .card-text {
                        padding: 3rem;
                        font-size: 1.532211rem;
                        color: #333;
                        line-height: 1.5;
                    }
                }
            }
            }
        }

        #content-8 {
            .inner {
            .flex-left {
                height: auto;
                min-height: 52rem;
                .list {
                    letter-spacing: -0.4px;
                }
                .machine-wrapper {
                    width: 90%;
                    margin-bottom: 2rem;
                    overflow: visible;
                    .machine-img {
                        width: 150%;
                        object-fit: contain;
                        margin-left: -14rem;
                    }
                }
            }
            .flex-right {
                display: flex;
                flex-direction: column;
                width: @indoor-main-w;
                max-width: 100%;
                padding-top: 6.407429rem;
                .right-card-1 {
                    display: flex;
                    flex-wrap: wrap;
                    align-items: flex-start;
                    justify-content: flex-start;
                    gap: 0 3rem;
                    width: 67.835171rem;
                    min-height: 10.516541rem;
                    background-color: #f2f2f2;
                    border-radius: 1.114335rem;
                    padding: 1.8rem 2.4rem 2rem;
                    box-sizing: border-box;
                    &.justify-center {
                        justify-content: flex-start;
                    }
                    .spec-name {
                        color: #4b4949;
                        font-size: 1.810795rem;
                    }
                    .spec-value {
                        color: #333;
                        font-size: 2.785839rem;
                        margin-top: 0.557168rem;
                    }
                    .separator-1,
                    .separator-2 {
                        width: 1px;
                        height: 7.452118rem;
                        background: #cccccc;
                        flex-shrink: 0;
                    }
                    .img-wrapper {
                        margin-left: auto;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        width: 10rem;

                        position: absolute;
                        width: 7.4rem;
                        height: 16.9rem;
                        right: 1rem;
                        top: -8rem;
                        .img-wrapper-inner {
                            overflow: visible;
                            width: 20rem;
                            height: 20rem;
                        }
                        .fridge {
                            width: 100%;
                            height: auto;
                            object-fit: contain;
                        }
                        .spec-text {
                            color: #4b4949;
                            font-size: 2.089379rem;
                            margin-top: 0.6rem;
                            white-space: nowrap;
                        }
                    }
                }
                .options {
                    margin-top: 5.571677rem;
                    .option-b {
                        margin-left: 1.810795rem;
                        margin-right: 1.810795rem;
                    }
                    .option-label {
                        color: #fff;
                        font-size: 0.835752rem;
                        width: 1.044689rem;
                        height: 1.044689rem;
                        background-color: #3b91d1;
                        border-radius: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin-right: 0.34823rem;
                    }
                    .option-title {
                        color: #4b4949;
                        font-size: 2rem;
                        margin-top: 0.174115rem;
                        margin-bottom: 0.278584rem;
                    }
                    .option-values {
                        color: #4b4949;
                        font-size: 1.6rem;
                    }
                }
                .right-card-2 {
                    margin-top: 6.964597rem;
                    .title {
                        font-size: 2.785839rem;
                        color: #333;
                        line-height: 1.35;
                    }
                    .card-body {
                        .indoor-card-stack();
                        margin-top: 4.178758rem;
                        width: 67.974463rem;
                        border-radius: 1.857458rem;
                        border: 1px dashed #ccc;
                        overflow: hidden;
                        .card-img {
                            width: 100%;
                            object-fit: contain;
                        }
                        .card-label {
                            color: #333;
                            font-size: 1.671503rem;
                            white-space: nowrap;
                            text-align: center;
                            padding: 1rem 1.6rem 1.6rem;
                        }
                    }
                }
                .right-card-3 {
                    .indoor-card-stack();
                    width: 67.486941rem;
                    background-color: #1f94d2;
                    border-radius: 1.857458rem;
                    margin-top: 3.412652rem;
                    padding: 2.7rem 2rem 1.6rem;
                    overflow: hidden;
                    .filter-titles {
                        display: flex;
                        justify-content: space-around;
                        gap: 2rem;
                        margin-bottom: 1.2rem;
                    }
                    .title-1,
                    .title-2 {
                        color: #fff;
                        font-size: 2.785839rem;
                    }
                    .title-1{
                        margin-left:-7rem;
                    }
                    .title-2{
                        margin-left:6rem;
                    }
                    .filter {
                        width: 100%;
                        object-fit: contain;
                        margin-left: 2rem;
                    }
                    .filter-text {
                        color: #fff;
                        font-size: 1.532211rem;
                        text-align: center;
                        margin-top: 2rem;
                        margin-bottom: 2rem;
                        white-space: nowrap;
                    }
                }
                @content8-card4-ref-w: 95.5rem;
                @content8-card4-ref-h: 39.8rem;
                @content8-card4-w: 66.511898rem;
                @content8-card4-s: (@content8-card4-w / @content8-card4-ref-w);
                @content8-card5-ref-w: 95.9rem;
                @content8-card5-w: 66.790482rem;
                @content8-card5-s: (@content8-card5-w / @content8-card5-ref-w);

                .right-card-4 {
                    margin-top: 7.521764rem;

                    .title {
                        color: #333;
                        font-size: 2.785839rem;
                        line-height: 1.2;
                        width: 59.895531rem;
                    }

                    .card-body {
                        position: relative;
                        width: @content8-card4-w;
                        min-height: (@content8-card4-ref-h * @content8-card4-s);
                        margin-top: 5.571677rem;
                        overflow: visible;
                        box-sizing: border-box;

                        .city {
                            display: block;
                            width: 100%;
                            height: auto;
                            position: relative;
                            left: auto;
                            top: auto;
                            object-fit: contain;
                        }

                        > .label {
                            position: absolute;
                            top: 0;
                            left: 0;
                            z-index: 2;
                            transform: translate(-50%, -50%);
                            font-size: 2.507255rem;
                            color: #fff;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            background: #e69f5c;
                            width: 4.178758rem;
                            height: 4.178758rem;
                            border-radius: 100%;
                        }

                        .card-body__caption {
                            position: absolute;
                            left: (5.6rem * @content8-card4-s);
                            top: (31.9rem * @content8-card4-s);
                            right: 1.6rem;
                            padding: 0;
                            margin: 0;
                            z-index: 1;
                        }

                        .card-title {
                            color: #333;
                            font-size: 1.950087rem;
                            line-height: 1.2;
                        }

                        .card-desc {
                            color: #818285;
                            font-size: 1.532211rem;
                            line-height: 1.35;
                            margin-top: (0.4rem * @content8-card4-s);
                        }
                    }
                }

                .right-card-5 {
                    position: relative;
                    width: @content8-card5-w;
                    min-height: (25.2rem * @content8-card5-s);
                    border-radius: 1.857458rem;
                    border: 1px solid #1f94d2;
                    margin-top: 4.31805rem;
                    padding-left: (5.9rem * @content8-card5-s);
                    padding-top: (5.4rem * @content8-card5-s);
                    padding-right: (4.1rem * @content8-card5-s);
                    padding-bottom: (2.4rem * @content8-card5-s);
                    box-sizing: border-box;
                    overflow: visible;

                    > .label {
                        position: absolute;
                        top: 0;
                        left: 0;
                        z-index: 2;
                        transform: translate(-50%, -50%);
                        font-size: 2.507255rem;
                        color: #fff;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        background: #1f94d2;
                        width: 4.178758rem;
                        height: 4.178758rem;
                        border-radius: 100%;
                    }

                    .right-card-5__copy {
                        display: block;
                        min-width: 0;
                    }

                    .option-title {
                        color: #333;
                        font-size: 1.950087rem;
                        line-height: 1.2;
                    }

                    .option-desc {
                        color: #818285;
                        font-size: 1.532211rem;
                        margin-top: 0.835752rem;
                        margin-bottom: 2.507255rem;
                        line-height: 1.35;

                        &:last-child {
                            margin-bottom: 0;
                        }
                    }
                }
                .right-card-6 {
                    margin-top: 7.521764rem;
                    .title {
                        color: #333;
                        font-size: 2.785839rem;
                        margin-bottom: 4.039466rem;
                    }
                    .compare {
                        width: 67.695879rem;
                        height: 40.74289rem;
                        object-fit: contain;
                        margin-bottom: 3.760882rem;
                    }
                    .desc {
                        padding-left: 14.068485rem;
                        color: #333;
                        font-size: 2.089379rem;
                    }
                }
            }
        }
    }
  }
}

@media screen and (max-width: @bp-mobile) {
  .page-indoor {
    padding-top: 0;
    overflow-x: hidden;
    .breadcrumb {
        display: none;
    }
        .content-container {
            .indoor-flow-reset();

            .flex-left .machine-wrapper,
            .flex-right .machine-wrapper {
                .indoor-mo-machine-center();
                width: calc(100% - 3.2rem);
                max-width: 34rem;
                margin-top: 2rem;
                margin-bottom: 2rem;
                overflow: visible;

                .machine-img {
                    width: 100%;
                    height: auto;
                    max-width: 100%;
                }
            }

            .content-wrapper {
                padding-top: 4.8rem;
                padding-bottom: 7rem;
                padding-left: 1.6rem;
                padding-right: 1.6rem;
                .inner {
                    padding-left: 0;
                    padding-right: 0;
                    flex-direction: column;
                    .flex-left {
                        width: 100%;
                        height: auto;
                        margin-right: 0;
                        border-radius: 2rem;
                        padding-left: 1.6rem;
                        padding-top: 5rem;
                        padding-right: 1.6rem;
                        padding-bottom: 2.4rem;
                        box-sizing: border-box;
                        .title {
                            font-size: 2.4rem;
                            margin-bottom: 2.4rem;
                            width: auto;
                            max-width: 100%;
                        }
                        .list {
                            font-size: 1.4rem;
                            width: 100%;
                            max-width: 100%;
                            margin-left: 1.2rem;
                            box-sizing: border-box;
                          }
                        .machine-wrapper {
                            max-width: 34rem;
                        }
                    }
                    .flex-right {
                        width: 100%;
                        max-width: 38.2rem;
                        margin-left: auto;
                        margin-right: auto;
                    }
                }
            }
            #content-1 {
                .inner {
                    .flex-left {
                        height: 71.6rem;
                        padding-left: 1.6rem;

                        .title {
                            width: 30rem;
                        }

                        .machine-wrapper {
                            width: 100%;
                            max-width: 34rem;

                            .machine-img {
                                width: 100%;
                                height: 100%;
                                object-fit: contain;
                            }
                        }
                    }

                    .flex-right {
                        height: auto;
                        width: 100%;
                        padding-left: 0;
                        padding-right: 0;
                        margin-top: 7rem;
                        margin-bottom: 0;

                        .right-text-1 {
                            font-size: 2.4rem;
                            width: 100%;
                            line-height: 1.2;
                        }

                        .right-card-1 {
                            position: relative;
                            width: 100%;
                            height: 48.6rem;
                            margin-top: 2rem;
                            margin-bottom: 5.2rem;
                            padding: 39.5rem 1.6rem 1.6rem;
                            border-radius: 1.2rem;
                            background-color: #eeefef;
                            box-sizing: border-box;
                            overflow: hidden;

                            > .unit-img {
                                position: absolute;
                                width: 34.5rem;
                                max-width: calc(100% - 3.4rem);
                                height: 24.3rem;
                                left: 1.7rem;
                                top: 3.4rem;
                                object-fit: contain;
                            }

                            > .inches-wrapper {
                                position: absolute;
                                width: 34.9rem;
                                max-width: calc(100% - 2.8rem);
                                height: 9.3rem;
                                left: 1.4rem;
                                top: 28.6rem;

                                .inches-img {
                                    width: 100%;
                                    height: 100%;
                                    object-fit: contain;
                                }
                            }

                            > .title {
                                position: relative;
                                font-size: 1.2rem;
                                width: auto;
                                line-height: 1.5;
                            }
                        }

                        .right-text-2 {
                            font-size: 2.4rem;
                            line-height: 1.2;
                        }

                        .right-card-2 {
                            width: 100%;
                            height: auto;
                            margin-top: 2.8rem;
                            margin-bottom: 6.4rem;
                            border-radius: 1.2rem;
                            overflow: hidden;
                            background-color: #eeefef;

                            .part-1 {
                                width: 100%;
                                min-height: 0;

                                img {
                                    display: block;
                                    width: 100%;
                                    height: auto;
                                }
                            }

                            .part-2 {
                                height: auto;
                                min-height: 12.3rem;
                                padding: 2.6rem 2rem;
                                box-sizing: border-box;

                                .title {
                                    font-size: 1.4rem;
                                }

                                .desc {
                                    font-size: 1.2rem;
                                    margin-top: 0.8rem;
                                    width: auto;
                                    line-height: 1.5;
                                }
                            }

                            .part-3 {
                                height: 15.3rem;
                                overflow: hidden;

                                .installation-2 {
                                    width: 100%;
                                    height: 100%;
                                    object-fit: cover;
                                }
                            }

                            .part-4 {
                                height: auto;
                                min-height: 20.1rem;
                                padding: 3rem 1rem 2rem 1.9rem;
                                box-sizing: border-box;

                                .title {
                                    font-size: 1.4rem;
                                }

                                .desc {
                                    font-size: 1.2rem;
                                    width: 100%;
                                    max-width: 35.5rem;
                                    margin-top: 0.8rem;
                                    line-height: 1.5;
                                }

                                .bottom-row {
                                    margin-top: 2rem;
                                    align-items: flex-start;

                                    .pushin-wrapper {
                                        width: 16.8rem;
                                        height: 5.6rem;
                                        margin-right: 1.3rem;
                                        flex-shrink: 0;

                                        .pushin-img {
                                            width: 100%;
                                            height: 100%;
                                            object-fit: contain;
                                        }
                                    }

                                    .pushin-text {
                                        flex: 1;
                                        min-width: 0;
                                        width: auto;
                                        font-size: 1.2rem;
                                        line-height: 1.4;
                                    }
                                }
                            }
                        }

                        .right-text-3 {
                            font-size: 2.4rem;
                            line-height: 1.2;
                        }

                        .right-card-3 {
                            position: relative;
                            width: 100%;
                            height: 34.5rem;
                            margin-top: 2rem;
                            padding: 21rem 2rem 1.6rem;
                            border-radius: 1.2rem;
                            border: dashed 1px #cccccc;
                            box-sizing: border-box;
                            overflow: hidden;

                            > .expand-img {
                                position: absolute;
                                width: 31.7rem;
                                max-width: calc(100% - 5.2rem);
                                height: 14.9rem;
                                left: 2.6rem;
                                top: 3.7rem;
                                object-fit: contain;
                            }

                            > .title {
                                font-size: 1.4rem;
                                margin-bottom: 1rem;
                            }

                            > .desc {
                                font-size: 1.2rem;
                                width: 100%;
                                max-width: 34.5rem;
                                line-height: 1.5;
                            }
                        }
                    }
                }
            }
            #content-2 {
                .inner {
                    .flex-left {
                        height: 63.8rem;
                        padding-left: 1.6rem;

                        .title {
                            width: 34rem;
                        }

                        .machine-wrapper {
                            width: 100%;
                            max-width: 26rem;
                            height: 16.4rem;
                            margin-top: auto;
                            .machine-img {
                                width: 100%;
                                height: 100%;
                            }
                        }
                    }

                    .flex-right {
                        padding-left: 0;
                        padding-right: 0;
                        margin-top: 7rem;
                        margin-bottom: 0;
                        width: 100%;
                        height: auto;

                        .right-text-1,
                        .right-text-2,
                        .right-text-3,
                        .right-text-4 {
                            font-size: 2.4rem;
                            margin-bottom: 2rem;
                            line-height: 1.2;
                        }

                        .right-card-1,
                        .right-card-2,
                        .right-card-3,
                        .right-card-4 {
                            position: relative;
                            width: 100%;
                            // height: 19.4rem;
                            margin-bottom: 5rem;
                            border-radius: 1.2rem;
                            background-color: #eeefef;
                            box-sizing: border-box;
                            overflow: hidden;
                        }

                        .right-card-1 {
                            margin-bottom: 5.5rem;
                            padding: 14.3rem 1.8rem 1.6rem;

                            > .pump-img {
                                position: absolute;
                                width: 26rem;
                                height: 8.025rem;
                                left: 5.5rem;
                                top: 2.6rem;
                                object-fit: contain;
                            }

                            > .card-text {
                                position: relative;
                                font-size: 1.2rem;
                                width: 35rem;
                                max-width: 100%;
                                line-height: 1.5;
                            }
                        }

                        .right-card-2 {
                            // padding: 12rem 1.6rem 1.6rem;

                            > .inside-img {
                                // position: absolute;
                                width: 80%;
                                // height: auto;
                                // max-height: 11rem;
                                // top: 2rem;
                                // right: 1.6rem;
                                // left: auto;
                                object-fit: contain;
                            }

                            > .card-text {
                                position: relative;
                                font-size: 1.2rem;
                                line-height: 1.3;
                                width: 100%;
                                // max-width: 20rem;
                            }
                        }

                        .right-card-3 {
                            padding: 1.8rem;

                            > .card-text {
                                position: relative;
                                font-size: 1.2rem;
                                width: 14.7rem;
                                line-height: 1.4;
                                z-index: 1;
                            }

                            > .degree-img {
                                position: absolute;
                                width: 22rem;
                                height: 11.144rem;
                                left: 16rem;
                                top: 4rem;
                                object-fit: contain;
                            }
                        }

                        .right-card-4 {
                            margin-bottom: 0;
                            padding: 1.6rem 1.8rem;

                            > .card-text {
                                position: relative;
                                font-size: 1.2rem;
                                width: 16.5rem;
                                line-height: 1.4;
                                z-index: 1;
                            }

                            > .controller-img {
                                position: absolute;
                                width: 19rem;
                                height: 16.59rem;
                                left: 18.5rem;
                                top: 1.5rem;
                                object-fit: contain;
                            }
                        }
                    }
                }
            }
            #content-3 {
                .inner {
                    .flex-left {
                        height: 71.6rem;
                        padding-left: 1.6rem;
                        .machine-wrapper {
                            width: 100%;
                            max-width: 34rem;
                            height: 13rem;
                            margin-left: auto;
                        }
                    }
                    .flex-right {
                        width: 100%;
                        padding-left: 0;
                        padding-right: 0;
                        height: auto;
                        margin-top: 7rem;
                        margin-bottom: 0;
                        .right-text-1 {
                            font-size: 2.4rem;
                            width: 100%;
                        }
                        .right-card-space {
                            width: 100%;
                            height: 20.6rem;
                            object-fit: contain;
                            margin-top: 2.3rem;
                        }
                        .right-text-2 {
                            font-size: 2.4rem;
                            margin-top: 5rem;
                        }
                        .right-card-2 {
                            width: 100%;
                            height: auto;
                            margin-top: 2.4rem;
                            border-radius: 1.2rem;
                            .card-top {
                                height: 11.9rem;
                                overflow: hidden;
                                .sensor-img {
                                    width: 100%;
                                    height: 100%;
                                    top: 0;
                                    left: 0;
                                    right: auto;
                                    object-fit: cover;
                                    object-position: center;
                                }
                            }
                            .card-bottom {
                                padding-left: 1.6rem;
                                padding-top: 1.2rem;
                                padding-right: 1.6rem;
                                padding-bottom: 1.2rem;
                                font-size: 1.2rem;
                            }
                        }
                        .right-text-3 {
                            font-size: 2.4rem;
                            margin-top: 5rem;
                        }
                        .right-card-3 {
                            width: 100%;
                            height: auto;
                            margin-top: 2.2rem;
                            border-radius: 1.2rem;
                            .card-top {
                                height: 11.9rem;
                                overflow: hidden;
                                .magpull-img {
                                    width: 100%;
                                    height: 100%;
                                    top: 0;
                                    left: 0;
                                    right: auto;
                                    transform: none;
                                    object-fit: cover;
                                    object-position: center;
                                }
                            }
                            .card-bottom {
                                padding-left: 1.6rem;
                                padding-top: 1.2rem;
                                padding-right: 1.6rem;
                                padding-bottom: 1.2rem;
                                font-size: 1.2rem;
                            }
                        }
                        .right-text-4 {
                            font-size: 2.4rem;
                            margin-top: 5rem;
                        }
                        .right-card-4 {
                            position: relative;
                            width: 100%;
                            height: 21.2rem;
                            margin-top: 2.4rem;
                            border-radius: 1.2rem;
                            background-color: #ffffff;
                            border: dashed 1px #cccccc;
                            overflow: hidden;
                            box-sizing: border-box;

                            > .card-text {
                                position: absolute;
                                left: 1.2rem;
                                // top: 1.2rem;
                                width: 15.4rem;
                                font-size: 1.2rem;
                                line-height: 1.5;
                                z-index: 1;
                            }

                            > .wheel-img {
                                // position: absolute;
                                width: 100%;
                                height: 100%;
                                // left: 0;
                                // top: 0;
                                // object-fit: cover;
                                object-position: right center;
                            }
                        }
                    }
                }
            }
            #content-4 {
                .inner {
                    .flex-left {
                        height: 62.7rem;
                        padding-left: 1.6rem;
                        .title {
                            width: 30rem;
                        }
                        .machine-wrapper {
                            width: 100%;
                            max-width: 34.5rem;
                            height: 13.7rem;
                            margin-top: auto;
                        }
                    }
                    .flex-right {
                        width: 100%;
                        height: auto;
                        padding-left: 0;
                        padding-right: 0;
                        margin-top: 7rem;
                        margin-bottom: 0;
                        .right-text-1 {
                            font-size: 2.4rem;
                            margin-bottom: 2rem;
                            line-height: 1.2;
                        }
                        .right-card-1 {
                            width: 100%;
                            height: auto;
                            border-radius: 1.2rem;
                            .card-top {
                                height: 23.6rem;
                                .installation {
                                    width: 100%;
                                    height: 100%;
                                    left: 0;
                                    top: 0;
                                    object-fit: cover;
                                }
                            }
                            .card-bottom {
                                font-size: 1.2rem;
                                padding-top: 1.2rem;
                                padding-bottom: 1.2rem;
                                padding-left: 1.6rem;
                                padding-right: 1.6rem;
                            }
                        }
                        .right-text-2 {
                            font-size: 2.4rem;
                            margin-top: 5rem;
                            margin-bottom: 2.4rem;
                            line-height: 1.2;
                        }
                        .right-card-2 {
                            position: relative;
                            width: 100%;
                            height: 20rem;
                            min-height: 20rem;
                            border-radius: 1.2rem;
                            background-color: rgb(247, 248, 249);
                            padding-left: 2rem;
                            padding-top: 9.8rem;
                            padding-right: 1.6rem;
                            box-sizing: border-box;
                            overflow: hidden;

                            > .specs-img,
                            > .house-img {
                                position: absolute;
                                display: block;
                                object-fit: contain;
                            }

                            > .specs-img {
                                width: (31.3 / @content4-card3-ref-w * 100%);
                                height: (18.6 / 51.075 * 100%);
                                left: (5.8 / @content4-card3-ref-w * 100%);
                                top: (4.4 / 51.075 * 100%);
                                z-index: 2;
                            }

                            > .house-img {
                                width: 50%;
                                /* height: 80rem; */
                                left: 49%;
                                top: -20%;
                                z-index: 2;
                            }

                            > .right-card-2-inner {
                                position: absolute;
                                left: 0;
                                top: 0;
                                width: 100%;
                                height: 100%;
                                border-radius: 1.2rem;
                                border: dashed 1px #cccccc;
                                box-sizing: border-box;
                                pointer-events: none;
                                z-index: 1;
                            }

                            > .font-pro-r {
                                position: relative;
                                z-index: 3;
                                width: 15.8rem;
                                max-width: calc(100% - 2rem);
                                font-size: 1.2rem;
                                line-height: 1.5;
                            }
                        }
                        .right-text-3 {
                            font-size: 2.4rem;
                            margin-top: 5rem;
                            margin-bottom: 2.4rem;
                            width: 36rem;
                        }
                        .right-card-3 {
                            position: relative;
                            width: 100%;
                            aspect-ratio: (@content4-card3-ref-w / @content4-card3-ref-h);
                            height: auto;
                            min-height: 0;
                            border-radius: 1.2rem;
                            overflow: hidden;
                            box-sizing: border-box;

                            > .circle,
                            > .icon-1,
                            > .icon-2,
                            > .icon-3,
                            > .icon-4 {
                                position: absolute;
                                display: block;
                                object-fit: contain;
                            }

                            > .circle {
                                width: (19.9 / @content4-card3-ref-w * 100%);
                                height: (19.9 / @content4-card3-ref-h * 100%);
                                left: (40.5 / @content4-card3-ref-w * 100%);
                                top: (16 / @content4-card3-ref-h * 100%);
                                z-index: 0;
                            }

                            > .icon-1 {
                                width: (16.5 / @content4-card3-ref-w * 100%);
                                height: (20.7 / @content4-card3-ref-h * 100%);
                                left: (14.6 / @content4-card3-ref-w * 100%);
                                top: (4 / @content4-card3-ref-h * 100%);
                                z-index: 1;
                            }

                            > .icon-2 {
                                width: (16.5 / @content4-card3-ref-w * 100%);
                                height: (15.7 / @content4-card3-ref-h * 100%);
                                left: (68.2 / @content4-card3-ref-w * 100%);
                                top: (6.6 / @content4-card3-ref-h * 100%);
                                z-index: 1;
                            }

                            > .icon-3 {
                                width: (16.5 / @content4-card3-ref-w * 100%);
                                height: (19.6 / @content4-card3-ref-h * 100%);
                                left: (14.6 / @content4-card3-ref-w * 100%);
                                top: (27.7 / @content4-card3-ref-h * 100%);
                                z-index: 1;
                            }

                            > .icon-4 {
                                width: (16.5 / @content4-card3-ref-w * 100%);
                                height: (18.5 / @content4-card3-ref-h * 100%);
                                left: (68.6 / @content4-card3-ref-w * 100%);
                                top: (28.3 / @content4-card3-ref-h * 100%);
                                z-index: 1;
                            }
                        }
                    }
                }
            }
            #content-5 {
                .inner {
                    .flex-left {
                        height: auto;
                        min-height: 0;
                        padding-left: 1.6rem;
                        padding-bottom: 3rem;
                        .title {
                            width: auto;
                            max-width: 100%;
                        }
                        .machine-wrapper {
                            width: 80%;
                        }
                    }
                    .flex-right {
                        position: relative;
                        width: 100%;
                        height: auto;
                        margin-top: 3.3rem;
                        border-radius: 2rem;
                        padding: 2.4rem 1.6rem 3.2rem;
                        overflow: hidden;
                        box-sizing: border-box;
                        .title-1 {
                            font-size: 2.4rem;
                        }
                        .desc-1 {
                            margin-top: 0.7rem;
                            font-size: 1.4rem;
                        }
                        .title-2 {
                            margin-top: 2.4rem;
                            font-size: 2.4rem;
                            position: relative;
                            z-index: 2;
                        }
                        .wall-wrapper {
                            position: relative;
                            width: 100%;
                            height: auto;
                            left: auto;
                            top: auto;
                            margin-top: 2rem;
                            .wall-img {
                                position: relative;
                                display: block;
                                width: 100%;
                                height: auto;
                                left: auto;
                                top: auto;
                                object-fit: contain;
                            }
                        }
                        .machine-wrapper {
                            width: 100%;
                            max-width: 34rem;
                        }
                    }
                }
            }
            #content-6 {
                .inner {
                    .flex-left {
                        height: 58.6rem;
                        padding-left: 1.6rem;
                        padding-bottom: 3rem;

                        .title {
                            width: 30rem;
                        }

                        .machine-wrapper {
                            width: 100%;
                            margin-top: auto;

                            .machine-img {
                                width: 100%;
                                height: 100%;
                            }
                        }
                    }

                    .flex-right {
                        height: auto;
                        width: 100%;
                        padding-left: 0;
                        padding-right: 0;
                        margin-top: 7rem;
                        margin-bottom: 0;

                        > .title {
                            font-size: 2.4rem;
                            margin-top: 0;
                            margin-bottom: 2rem;
                        }

                        .card {
                            width: 100%;
                            height: auto;
                            border-radius: 2rem;
                            overflow: hidden;
                            background-color: #eeefef;

                            .card-top {
                                position: relative;
                                border-top-left-radius: 2rem;
                                border-top-right-radius: 2rem;
                                overflow: hidden;

                                > .bg-img {
                                    // position: absolute;
                                    width: 100%;
                                    height: 100%;
                                    left: 0;
                                    top: 0;
                                    object-fit: cover;
                                    z-index: 0;
                                }

                                > .logo-img {
                                    position: absolute;
                                    width: 24rem;
                                    max-width: 70%;
                                    height: auto;
                                    left: 50%;
                                    top: 50%;
                                    transform: translate(-50%, -50%);
                                    z-index: 1;
                                    object-fit: contain;
                                }
                            }

                            .card-text {
                                padding: 1.2rem 1.6rem;
                                font-size: 1.2rem;
                                line-height: 1.5;
                            }
                        }
                    }
                }
            }
            #content-7 {
                .inner {
                    .flex-left {
                        height: auto;
                        min-height: 49.4rem;
                        padding-left: 1.6rem;
                        padding-bottom: 3rem;
                        .title {
                            width: auto;
                            max-width: 100%;
                        }
                        .machine-wrapper {
                            width: 100%;
                            max-width: 30rem;
                            margin-top: auto;
                        }
                    }
                    .flex-right {
                        margin-top: 6rem;
                        width: 100%;
                        height: auto;
                        padding: 4.8rem 1.6rem 3.2rem;
                        border-radius: 2rem;
                        box-sizing: border-box;
                        overflow: hidden;
                        .text-1 {
                            font-size: 2.4rem;
                            margin-bottom: 1.6rem;
                        }
                        .text-2 {
                            .title {
                                font-size: 1.2rem;
                                margin-right: 0.6rem;
                            }
                            .desc {
                                font-size: 2.6rem;
                                position: relative;
                                top: 0.6rem;
                            }
                        }
                        .text-3 {
                            margin-top: 3.1rem;
                            font-size: 1.4rem;
                            width: 100%;
                            max-width: 22rem;
                        }
                        .text-4 {
                            margin-top: 3rem;
                            .title {
                                font-size: 1.4rem;
                                margin-bottom: 0.5rem;
                            }
                            .spec {
                                .spec-value {
                                    font-size: 2rem;
                                }
                                .spec-name {
                                    font-size: 1.4rem;
                                    margin-left: 0.4rem;
                                    transform: translateY(-0.6rem);
                                }
                            }
                        }
                        .text-5 {
                            margin-top: 3.2rem;
                            font-size: 1.4rem;
                            line-height: 1.4;
                        }

                        > .line-img {
                            display: block;
                            width: 100%;
                            max-width: 34.6rem;
                            height: auto;
                            margin-top: 3.2rem;
                            object-fit: contain;
                        }
                    }
                }
            }
            #content-8 {
                .inner {
                    .flex-left {
                        height: 86.6rem;
                        padding-left: 1.6rem;

                        .title {
                            width: 34rem;
                        }

                        .machine-wrapper {
                            width: 100%;
                            margin-top: auto;

                            .machine-img {
                                width: 100%;
                                max-width: 37.86rem;
                                height: auto;
                                margin-left: auto;
                                margin-right: auto;
                            }
                        }
                    }

                    .flex-right {
                        padding-top: 4rem;

                        .right-card-1 {
                            position: relative;
                            margin-left: 0;
                            width: 100%;
                            height: 12.5rem;
                            padding: 1.8rem 2.8rem;
                            box-sizing: border-box;
                            overflow: visible;

                            .spec-name {
                                font-size: 1.2rem;
                                width: 9rem;
                                margin-right: 4rem;
                            }

                            .spec-value {
                                font-size: 1.6rem;
                                margin-top: 0.6rem;
                            }

                            .separator-1,
                            .separator-2 {
                                display: none;
                            }

                            .img-wrapper {
                                position: absolute;
                                width: 7.4rem;
                                height: 16.9rem;
                                left: 31rem;
                                top: -4.4rem;
                                margin-left: 0;

                                .fridge {
                                    width: 18.9rem;
                                    height: 18.9rem;
                                    left: 50%;
                                    top: 50%;
                                    transform: translate(-50%, -50%);
                                    object-fit: contain;
                                }

                                .spec-text {
                                    position: absolute;
                                    font-size: 1.4rem;
                                    top: 18.5rem;
                                    left: 50%;
                                    transform: translateX(-50%);
                                    white-space: nowrap;
                                }
                            }
                        }

                        .options {
                            display: flex;
                            flex-wrap: wrap;
                            margin-top: 4.2rem;
                            padding-left: 1.2rem;

                            .option-label {
                                width: 2.4rem;
                                height: 2.4rem;
                                margin-right: 0.5rem;
                                font-size: 1.6rem;
                            }

                            .option-title {
                                font-size: 1.6rem;
                                margin-right: 0;
                            }

                            .option-values {
                                font-size: 1.4rem;
                                width: auto;
                            }

                            .option-b {
                                margin-left: 2rem;
                                margin-right: 1rem;
                            }

                            .option-c {
                                margin-top: 2rem;
                            }
                        }

                        .right-card-2 {
                            margin-top: 4rem;

                            .title {
                                font-size: 2.4rem;
                                line-height: 1.2;
                            }

                            .card-body {
                                position: relative;
                                margin-top: 2rem;
                                width: 100%;
                                max-width: 38.2rem;
                                height: 16rem;
                                border-radius: 2rem;
                                overflow: hidden;

                                .card-img {
                                    position: absolute;
                                    width: 110%;
                                    height: auto;
                                    left: 0;
                                    bottom: 0.7rem;
                                    object-fit: cover;
                                }

                                .card-label {
                                    position: absolute;
                                    left: 0;
                                    right: 0;
                                    bottom: 0.7rem;
                                    font-size: 1.2rem;
                                    padding: 0.8rem 1rem 1rem;
                                    text-align: center;
                                    z-index: 1;
                                }
                            }
                        }

                        .right-card-3 {
                            width: 100%;
                            max-width: 38.2rem;
                            height: auto;
                            margin-top: 3rem;
                            border-radius: 2rem;
                            padding: 1.6rem;
                            box-sizing: border-box;
                            overflow: hidden;

                            .filter-titles {
                                .title-1,
                                .title-2 {
                                    font-size: 2rem;
                                }
                            }

                            .filter {
                                display: block;
                                width: 100%;
                                margin-left: 0;
                                object-fit: contain;
                                margin-left: 2rem;
                            }

                            .filter-text {
                                font-size: 1.2rem;
                                white-space: normal;
                                text-align: center;
                            }
                        }
                        .right-card-4 {
                            margin-top: 4rem;

                            .title {
                                font-size: 2.4rem;
                                width: 100%;
                            }

                            .card-body {
                                width: 100%;
                                max-width: 38.2rem;
                                min-height: 0;
                                margin-top: 2rem;

                                > .label {
                                    width: 2rem;
                                    height: 2rem;
                                    font-size: 1.4rem;
                                }

                                .card-body__caption {
                                    position: relative;
                                    left: auto;
                                    top: -3.4rem;
                                    right: auto;
                                    padding-left: 1.2rem;
                                }

                                .card-title,
                                .card-desc {
                                    font-size: 1rem;
                                }
                            }
                        }

                        .right-card-5 {
                            margin-top: 3rem;
                            width: 100%;
                            max-width: 38.2rem;
                            min-height: 0;
                            height: auto;
                            margin-left: 0;
                            padding: 2.4rem 1.6rem 2rem 4.8rem;
                            border-radius: 1rem;

                            > .label {
                                width: 2rem;
                                height: 2rem;
                                font-size: 1.4rem;
                            }

                            .option-title {
                                font-size: 1.2rem;
                            }

                            .option-desc {
                                font-size: 1.2rem;
                                margin-top: 0.6rem;
                                margin-bottom: 1.6rem;
                            }
                        }
                        .right-card-6 {
                            margin-top: 6rem;
                            .title {
                                font-size: 2.4rem;
                                margin-bottom: 2.5rem;
                            }
                            .compare {
                                width: 38.2rem;
                                height: 23rem;
                                margin-bottom: 0;
                            }
                            .desc {
                                font-size: 1.4rem;
                                padding-left: 11.2rem;
                                margin-top: 2.5rem;
                            }
                        }
                    }
                }
            }
        }
  }
}