    <style
        data-vue-ssr-id="1226e6d4:0 a3dc4b70:0 2bea31b5:0 39c5326d:0 3b5a96a3:0 345ec84a:0 8ab0ddf8:0 0b2f9f0e:0 f6cf6106:0 6a682a41:0 20e4fe06:0 55cef0b0:0 7b8f5ec3:0 0fe2adcd:0 7fb33951:0 57e5880a:0 71a03e5e:0 fb61127e:0 5567880d:0 bb9568ba:0 a6b36bc6:0 0a1af6b5:0 d40170e6:0 63cd4fa2:0 06c4cda3:0 be7f9cb4:0 b631a698:0 06e6b608:0 7c8a3dec:0 3bcbdaa4:0 df6d75e6:0 7d37b43e:0 2aac32e0:0 ba045c8e:0 33d9282e:0 69914e5b:0 1b584ea3:0 cd9e8b30:0 7689d81c:0 02eadd32:0 35da1471:0 ca839638:0 895fc7b6:0 1b48ba3e:0 17bc380d:0 334e4c41:0 6fb91fa1:0 beddbb7c:0 da71e7fe:0 11f4a115:0 239dc55e:0 92e17c20:0 4eadeacd:0">
        body {
            font-family: "Jost", sans-serif;
            color: #333;
            font-size: 12px;
            letter-spacing: 0;
            min-height: 100%
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            word-break: normal;
            font-weight: 500;
            line-height: 1.2;
            color: inherit
        }

        dd,
        div,
        dl,
        dt,
        i,
        li,
        p,
        span,
        ul {
            word-break: normal
        }

        p {
            margin: 0
        }

        img {
            max-width: 100%
        }

        .mb-16 {
            margin-bottom: 16px
        }

        .mb-30 {
            margin-bottom: 30px
        }

        .icon-wishlist-add,
        .icon-wishlist-added {
            background-position: -295px -259px;
            width: 20px;
            height: 20px
        }

        .icon-wishlist-added {
            background-position: -295px -233px
        }

        .icon-fold-b,
        .icon-unfold-b {
            background-position: -375px -257px;
            width: 14px;
            height: 14px
        }

        .icon-fold-b {
            background-position: -375px -137px
        }

        .btn {
            font-family: "HelveticaNeue", "Arial", "PingFangSC-Regular", "微软雅黑", "Microsoft YaHei", sans-serif;
            -webkit-touch-action: manipulation;
            -moz-touch-action: manipulation;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
            display: inline-block;
            overflow: hidden;
            text-align: center;
            white-space: normal;
            vertical-align: middle;
            border: 0;
            margin: 0;
            color: #333;
            border-radius: 0;
            min-width: 128px;
            height: 36px;
            line-height: 36px;
            background-color: #fff;
            -webkit-transition: all .3s linear;
            -moz-transition: all .3s linear;
            -o-transition: all .3s linear;
            transition: all .3s linear;
            position: relative;
            padding: 0 20px
        }

        .btn.btn-black {
            background: #333;
            color: #fff
        }

        .btn.btn-black-border {
            font-size: 14px;
            color: #333;
            border: 1px solid #333;
            min-width: 128px;
            height: 36px;
            line-height: 36px
        }

        .fade-enter-active,
        .fade-leave-active {
            transition: opacity 1s ease-in-out
        }

        .fade-enter,
        .fade-leave-to {
            opacity: 0
        }

        .bolang-ndu {
            text-align: left !important
        }

        .bolang-ndu--is-plp {
            margin-top: 80px
        }

        .bolang-ndu h1 {
            font-size: 24px;
            font-weight: 500;
            margin-bottom: 20px;
            line-height: 120%;
            color: rgba(0, 0, 0, 0.8)
        }

        .bolang-ndu h2 {
            font-size: 16px;
            font-weight: 500;
            line-height: 140%;
            color: rgba(0, 0, 0, 0.8);
            margin-bottom: 12px
        }

        .bolang-ndu p {
            color: rgba(0, 0, 0, 0.6);
            font-size: 14px;
            line-height: 140%;
            margin-bottom: 20px
        }

        .bolang-ndu section {
            margin-bottom: 40px
        }

        .bolang-ndu section:last-of-type {
            margin-bottom: 0px
        }

        .bolang-ndu section p:last-of-type {
            margin-bottom: 0px
        }

        .shimmer,
        img[lazy=loading],
        div[lazy=loading] {
            animation-duration: 1s;
            animation-fill-mode: forwards;
            animation-iteration-count: infinite;
            animation-name: placeHolderShimmer;
            animation-timing-function: linear;
            background: #F2F2F2;
            background: linear-gradient(to right, #F2F2F2 8%, #fff 18%, #F2F2F2 33%);
            background-size: 800px 104px
        }

        .shimmer.shim-line,
        img[lazy=loading].shim-line,
        div[lazy=loading].shim-line {
            height: 10px;
            margin-bottom: 5px
        }

        .shimmer.shim-line--1,
        img[lazy=loading].shim-line--1,
        div[lazy=loading].shim-line--1 {
            width: calc(1 / 12 * 100%)
        }

        .shimmer.shim-line--2,
        img[lazy=loading].shim-line--2,
        div[lazy=loading].shim-line--2 {
            width: calc(2 / 12 * 100%)
        }

        .shimmer.shim-line--3,
        img[lazy=loading].shim-line--3,
        div[lazy=loading].shim-line--3 {
            width: calc(3 / 12 * 100%)
        }

        .shimmer.shim-line--4,
        img[lazy=loading].shim-line--4,
        div[lazy=loading].shim-line--4 {
            width: calc(4 / 12 * 100%)
        }

        .shimmer.shim-line--5,
        img[lazy=loading].shim-line--5,
        div[lazy=loading].shim-line--5 {
            width: calc(5 / 12 * 100%)
        }

        .shimmer.shim-line--6,
        img[lazy=loading].shim-line--6,
        div[lazy=loading].shim-line--6 {
            width: calc(6 / 12 * 100%)
        }

        .shimmer.shim-line--7,
        img[lazy=loading].shim-line--7,
        div[lazy=loading].shim-line--7 {
            width: calc(7 / 12 * 100%)
        }

        .shimmer.shim-line--8,
        img[lazy=loading].shim-line--8,
        div[lazy=loading].shim-line--8 {
            width: calc(8 / 12 * 100%)
        }

        .shimmer.shim-line--9,
        img[lazy=loading].shim-line--9,
        div[lazy=loading].shim-line--9 {
            width: calc(9 / 12 * 100%)
        }

        .shimmer.shim-line--10,
        img[lazy=loading].shim-line--10,
        div[lazy=loading].shim-line--10 {
            width: calc(10 / 12 * 100%)
        }

        .shimmer.shim-line--11,
        img[lazy=loading].shim-line--11,
        div[lazy=loading].shim-line--11 {
            width: calc(11 / 12 * 100%)
        }

        .shimmer.shim-line--12,
        img[lazy=loading].shim-line--12,
        div[lazy=loading].shim-line--12 {
            width: 100%
        }

        @keyframes placeHolderShimmer {
            0% {
                background-position: -468px 0
            }

            100% {
                background-position: 468px 0
            }
        }

        @media (max-width: 1439px) {
            .bolang-ndu {
                width: 1136px;
                margin: 0 auto
            }
        }

        @media (max-width: 1024px) {
            .bolang-ndu {
                padding: 0px 20px;
                width: 100%
            }
        }


        .nuxt-progress {
            position: fixed;
            top: 0px;
            left: 0px;
            right: 0px;
            height: 2px;
            width: 0%;
            opacity: 1;
            transition: width 0.1s, opacity 0.4s;
            background-color: #fff;
            z-index: 999999;
        }

        .nuxt-progress.nuxt-progress-notransition {
            transition: none;
        }

        .nuxt-progress-failed {
            background-color: red;
        }

        html[data-v-4561235e] {
            font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
            font-size: 16px;
            word-spacing: 1px;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            box-sizing: border-box
        }

        *[data-v-4561235e],
        *[data-v-4561235e]:before,
        *[data-v-4561235e]:after {
            box-sizing: border-box;
            margin: 0
        }

        .button--green[data-v-4561235e] {
            display: inline-block;
            border-radius: 4px;
            border: 1px solid #3b8070;
            color: #3b8070;
            text-decoration: none;
            padding: 10px 30px
        }

        .button--green[data-v-4561235e]:hover {
            color: #fff;
            background-color: #3b8070
        }

        .button--grey[data-v-4561235e] {
            display: inline-block;
            border-radius: 4px;
            border: 1px solid #35495e;
            color: #35495e;
            text-decoration: none;
            padding: 10px 30px;
            margin-left: 15px
        }

        .button--grey[data-v-4561235e]:hover {
            color: #fff;
            background-color: #35495e
        }

        .back-button[data-v-4561235e] {
            position: absolute;
            display: none;
            width: 24px;
            height: 24px;
            background-position: left center;
            background-repeat: no-repeat;
            z-index: 2
        }

        @media (max-width: 1024px) {
            .container[data-v-4561235e] {
                padding-top: 60px
            }

            .back-button[data-v-4561235e] {
                display: block;
                margin-left: 20px;
                margin-top: 12px
            }
        }

        .download-app[data-v-2d2c5927] {
            position: fixed;
            top: 0px;
            z-index: 203;
            width: 100%;
            background: linear-gradient(221.99deg, #C10230 -29.88%, #000 248.49%);
            height: 72px;
            overflow: hidden
        }

        .download-app__circle[data-v-2d2c5927] {
            position: absolute;
            right: 0px
        }

        .download-app__container[data-v-2d2c5927] {
            width: 100%;
            justify-content: space-between;
            align-items: center;
            display: flex;
            height: 72px
        }

        .download-app__content[data-v-2d2c5927] {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            margin-left: 20px
        }

        .download-app__button[data-v-2d2c5927] {
            display: block;
            cursor: pointer;
            background: #fff;
            color: #000;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 500;
            line-height: 150%;
            padding: 6px 16px;
            margin-right: 20px;
            z-index: 2
        }

        .download-app__text[data-v-2d2c5927] {
            font-size: 14px;
            color: #fff;
            line-height: 140%;
            display: block;
            width: 72%;
            font-weight: 500;
            letter-spacing: 0.05em
        }

        .download-app__close[data-v-2d2c5927] {
            display: block;
            position: relative;
            width: 20px;
            height: 20px;
            top: 0px;
            margin: 0px 16px 0px 0px;
            background-position: center
        }

        @media (min-width: 768px) {
            .download-app__text[data-v-2d2c5927] {
                width: 100%
            }
        }

        .download-app~header .header-container {
            top: 72px !important
        }

        .download-app~.homepage {
            margin-top: 72px
        }

        .mainCategory .download-app~div>.diver-0 {
            margin-top: 72px
        }

        .download-app~#wrapper {
            margin-top: 72px
        }

        .download-app~#wrapper header .header-container {
            margin-top: 72px
        }

        header[data-v-14acc7d4] {
            height: 120px
        }

        header .header-container[data-v-14acc7d4] {
            width: 100%;
            background: #fff;
            position: fixed;
            left: 0;
            top: 0;
            z-index: 202
        }

        header .header-top[data-v-14acc7d4] {
            background: #d8d8d8;
            padding: 6px 0
        }

        header .header-top-wrapper[data-v-14acc7d4] {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 1328px;
            height: 32px;
            margin: 0 auto
        }

        header .header-top-left[data-v-14acc7d4] {
            display: flex;
            align-items: center;
            gap: 24px
        }

        header .header-top-left a[data-v-14acc7d4] {
            color: #000;
            font-size: 14px
        }

        header .header-top-right[data-v-14acc7d4] {
            display: flex;
            align-items: center;
            gap: 24px
        }

        header .header-top-right a[data-v-14acc7d4] {
            color: #000;
            font-size: 14px
        }

        header .header-main[data-v-14acc7d4] {
            background: #fff;
            border-bottom: 1px solid rgba(0, 0, 0, 0.05)
        }

        header .header-main-wrapper[data-v-14acc7d4] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 1328px;
            height: 64px;
            margin: 0 auto;
            position: relative
        }

        header .header-main .separator[data-v-14acc7d4] {
            width: 1px;
            background: rgba(0, 0, 0, 0.8);
            height: 20px;
            margin: 0 16px
        }

        @media (max-width: 1439px) {
            header .header-top-wrapper[data-v-14acc7d4] {
                width: 1136px
            }

            header .header-main-wrapper[data-v-14acc7d4] {
                width: 1136px
            }

            header .header-segment-wrapper[data-v-14acc7d4] {
                width: 1136px
            }

            header .header-simple-wrapper[data-v-14acc7d4] {
                width: 1136px
            }
        }

        @media (max-width: 1024px) {
            header[data-v-14acc7d4] {
                height: 74px
            }

            header.hide[data-v-14acc7d4] {
                display: none
            }

            .header-responsive[data-v-14acc7d4] {
                position: fixed;
                top: 0px;
                z-index: 10;
                background-color: #fff;
                width: 100%
            }

            .header--pdp[data-v-14acc7d4] {
                height: auto
            }

            .header--pdp .header-responsive[data-v-14acc7d4] {
                background-color: transparent
            }
        }

        .header-location[data-v-55495d88] {
            display: flex;
            gap: 4px;
            cursor: pointer
        }

        .header-location__text[data-v-55495d88] {
            font-size: 14px;
            font-weight: 400;
            line-height: 140%
        }

        .svg-icon[data-v-55495d88] {
            width: 16px;
            height: 16px
        }

        .arrow-down[data-v-55495d88] {
            width: 10px;
            height: 6px;
            background-size: contain
        }

        .arrow-down__wrapper[data-v-55495d88] {
            width: 16px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: auto 0;
            transition: transform .3s
        }

        .arrow-down__wrapper--active[data-v-55495d88] {
            transform: rotate(-180deg)
        }

        .location-popup[data-v-55495d88] {
            position: absolute;
            padding: 24px;
            background: #FFF;
            box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
            z-index: 9999;
            top: 55px;
            min-height: 80vh
        }

        .location-popup h1[data-v-55495d88] {
            color: #000;
            font-weight: 500;
            font-size: 40px
        }

        .location-popup .location-search[data-v-55495d88] {
            margin-top: 16px;
            width: 365px;
            display: flex;
            align-items: center;
            padding: 8px;
            border-radius: 4px;
            border: 1px solid rgba(0, 0, 0, 0.1);
            background: #FFF;
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            gap: 8px
        }

        .location-popup .location-search .svg-icon[data-v-55495d88] {
            width: 24px;
            height: 24px
        }

        .location-popup .location-search form[data-v-55495d88] {
            width: 100%
        }

        .location-popup .location-search form input[data-v-55495d88] {
            width: 100%;
            outline: none;
            border: none
        }

        .location-popup .location-tab[data-v-55495d88] {
            display: flex;
            margin: 16px 0
        }

        .location-popup .location-tab-menu[data-v-55495d88] {
            width: 50%;
            text-align: center;
            padding: 16px
        }

        .location-popup .location-tab-menu__text[data-v-55495d88] {
            padding-bottom: 8px;
            cursor: pointer
        }

        .location-popup .location-tab-menu__text.active[data-v-55495d88] {
            border-bottom: 3px solid #C10230;
            font-weight: 650
        }

        .location-popup .location-malls-button[data-v-55495d88] {
            display: flex;
            gap: 16px;
            align-items: center;
            padding: 10px 16px;
            border-radius: 2px;
            background: #000;
            box-shadow: 0px 4px 0px 0px #C10230;
            color: white;
            cursor: pointer
        }

        .location-popup .location-malls-button__text[data-v-55495d88] {
            width: calc(100% - 66px)
        }

        .location-popup .location-malls-button__text h2[data-v-55495d88] {
            font-size: 14px;
            font-weight: 700
        }

        .location-popup .location-malls-button__text span[data-v-55495d88] {
            font-size: 12px
        }

        .location-popup .location-malls-select[data-v-55495d88] {
            margin: 24px 0
        }

        .location-popup .location-malls-select__heading[data-v-55495d88] {
            font-size: 18px;
            font-weight: 500;
            margin-bottom: 6px
        }

        .location-popup .location-malls-list__heading[data-v-55495d88] {
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 8px
        }

        .location-popup .location-malls-list__item[data-v-55495d88] {
            display: flex;
            padding: 12px 0;
            align-items: center;
            justify-content: space-between;
            margin-top: 8px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            cursor: pointer
        }

        .location-popup .location-malls-list__item .svg-icon[data-v-55495d88] {
            width: 24px;
            height: 24px;
            transform: rotate(270deg)
        }

        .location-popup .location-malls-list__item .mall-information[data-v-55495d88] {
            width: 80%
        }

        .location-popup .location-malls-list__item .mall-distance[data-v-55495d88] {
            opacity: 0.7
        }

        .location-popup .location-malls-list__name[data-v-55495d88] {
            margin-bottom: 4px;
            font-size: 14px
        }

        .location-popup .location-malls-list__stores[data-v-55495d88] {
            font-size: 12px;
            opacity: 0.7
        }

        .location-popup .brands .svg-icon[data-v-55495d88] {
            width: 24px;
            height: 24px;
            transform: rotate(270deg)
        }

        .location-popup .brands-heading[data-v-55495d88] {
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 8px
        }

        .location-popup .brands-list[data-v-55495d88] {
            margin-bottom: 24px
        }

        .location-popup .brands-list-item[data-v-55495d88] {
            display: flex;
            padding: 12px 0;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            margin-top: 8px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            cursor: pointer
        }

        .location-popup .brands-list-item__image[data-v-55495d88] {
            border-radius: 8px;
            border: 1px solid #EBEBEB;
            width: 40px;
            height: 40px
        }

        .location-popup .brands-list-item__image img[data-v-55495d88] {
            width: 40px;
            height: 40px
        }

        .location-popup .brands-list-item__name[data-v-55495d88] {
            width: calc(100% - 56px)
        }

        .location-popup .brands-last-viewed__heading[data-v-55495d88] {
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 8px
        }

        @media (max-width: 768px) {
            .location-popup[data-v-55495d88] {
                height: 100vh;
                top: 0;
                padding: 0 16px;
                width: 100%
            }

            .location-popup h1[data-v-55495d88] {
                display: none
            }
        }

        .ps {
            overflow: hidden !important;
            overflow-anchor: none;
            -ms-overflow-style: none;
            touch-action: auto;
            -ms-touch-action: auto;
            position: relative
        }

        .ps.ps--active-y>.ps__rail-y {
            display: block;
            background-color: transparent
        }

        .ps .ps__rail-y {
            display: none;
            transition: background-color .2s linear, opacity .2s linear;
            -webkit-transition: background-color .2s linear, opacity .2s linear;
            width: 4px;
            right: 0;
            position: absolute
        }

        .ps .ps__rail-y .ps__thumb-y {
            background: rgba(0, 0, 0, 0.1);
            transition: background-color .2s linear, width .2s ease-in-out;
            -webkit-transition: background-color .2s linear, width .2s ease-in-out;
            width: 100%;
            position: absolute
        }

        .header-social__list[data-v-91658d9a] {
            display: flex;
            gap: 16px
        }

        .header-social__list img[data-v-91658d9a] {
            width: 20px;
            height: 20px
        }

        .header-download[data-v-9188ab26] {
            position: relative
        }

        .header-download a[data-v-9188ab26] {
            color: #000000;
            font-size: 14px
        }

        .header-download__popup[data-v-9188ab26] {
            position: absolute;
            padding: 24px;
            background: #C10230;
            z-index: 11;
            border-radius: 12px;
            top: 30px;
            right: -155px;
            min-width: 495px;
            display: flex;
            gap: 16px;
            justify-content: center;
            align-items: center;
            min-height: 208px
        }

        .header-download__qr[data-v-9188ab26] {
            background: white;
            padding: 10px;
            border-radius: 8px;
            width: fit-content;
            min-width: 160px
        }

        .header-download__content[data-v-9188ab26] {
            width: 271px
        }

        .header-download__content-title[data-v-9188ab26] {
            color: #fff;
            font-size: 20px;
            font-weight: 600;
            line-height: 28px
        }

        .header-download__content-download[data-v-9188ab26] {
            font-size: 20px;
            font-weight: 600;
            line-height: 28px;
            color: #FFDD00
        }

        .header-download__content-img[data-v-9188ab26] {
            display: flex;
            gap: 16px
        }

        .header-download__content-img img[data-v-9188ab26] {
            height: 40px;
            width: 127px
        }

        .header-download__content-caption[data-v-9188ab26] {
            font-size: 14px;
            color: #fff;
            font-weight: 400;
            line-height: 20px;
            display: block;
            margin-bottom: 18px;
            margin-top: 8px
        }

        .toggle-language[data-v-1f4cbc4c] {
            display: flex;
            justify-content: flex-start
        }

        .toggle-language li[data-v-1f4cbc4c] {
            padding: 9px 0;
            margin-right: 6px;
            font-size: 14px;
            display: flex;
            align-items: center
        }

        .toggle-language li div[data-v-1f4cbc4c] {
            opacity: 0.5;
            text-transform: uppercase;
            color: rgba(0, 0, 0, 0.8);
            cursor: pointer
        }

        .toggle-language li div.is-active[data-v-1f4cbc4c] {
            color: #000;
            opacity: 1
        }

        .toggle-language .separator[data-v-1f4cbc4c] {
            width: 0.5px;
            background: rgba(0, 0, 0, 0.8);
            height: 20px;
            margin-left: 6px
        }

        @media (max-width: 1024px) {
            .toggle-language li[data-v-1f4cbc4c] {
                width: 50%;
                margin: 0;
                padding: 0
            }

            .toggle-language li div[data-v-1f4cbc4c] {
                height: 48px;
                font-size: 16px;
                line-height: 48px;
                color: rgba(0, 0, 0, 0.4);
                text-align: center;
                text-transform: uppercase;
                border: 1px solid rgba(0, 0, 0, 0.4)
            }

            .toggle-language li div.is-active[data-v-1f4cbc4c] {
                color: #fff;
                background: #000;
                border-color: #000
            }
        }

        .header__icons[data-v-0cdff818] {
            display: flex;
            gap: 12px;
            justify-content: center;
            align-items: center
        }

        .header__icons-divider[data-v-0cdff818] {
            width: 1px;
            background: rgba(0, 0, 0, 0.3);
            height: 16px;
            display: none
        }

        .header__icons--daily-needs .header-daily-needs[data-v-0cdff818] {
            display: flex
        }

        .header__icons--daily-needs .header__icons-divider[data-v-0cdff818] {
            display: block
        }

        .header-main-logo[data-v-0cdff818] {
            width: 143px;
            min-width: 143px;
            padding: 21px 0 19px;
            font-size: 14px
        }

        .header-main-logo a .img-logo[data-v-0cdff818] {
            width: 100%;
            vertical-align: baseline
        }

        .header-daily-needs[data-v-0cdff818] {
            width: 125px;
            min-width: 125px;
            font-size: 14px;
            padding: 21px 0 19px;
            display: none
        }

        .header-daily-needs .img-logo[data-v-0cdff818] {
            width: 100%
        }

        @media (max-width: 1024px) {
            .header__icons[data-v-0cdff818] {
                height: 48px
            }

            .header__icons--daily-needs .header-main-logo[data-v-0cdff818] {
                display: none
            }

            .header__icons--daily-needs .header__icons-divider[data-v-0cdff818],
            .header__icons--daily-needs .header-daily-needs[data-v-0cdff818] {
                display: none
            }

            .header-main-logo[data-v-0cdff818] {
                height: 48px;
                padding: 18px 0 16px;
                position: relative;
                z-index: 1
            }
        }

        .header-category[data-v-68622e0f] {
            padding-left: 60px
        }

        .header-category-wrapper[data-v-68622e0f] {
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px
        }

        .header-category-wrapper__icon[data-v-68622e0f] {
            width: 24px;
            max-width: none;
            height: 24px;
            padding: 8px 5px;
            transition: transform 0.15s ease-in-out
        }

        .header-category-wrapper__icon--active[data-v-68622e0f] {
            transform: rotate(-180deg)
        }

        .header-category-wrapper__text[data-v-68622e0f] {
            font-size: 14px;
            font-weight: 500;
            line-height: 140%
        }

        .header-category-menu[data-v-68622e0f] {
            width: 100%;
            position: fixed;
            top: 109px;
            left: 0;
            z-index: 10
        }

        .header-category-menu-container[data-v-68622e0f] {
            background: #fff;
            padding: 24px 0
        }

        .header-category-menu-wrapper[data-v-68622e0f] {
            display: flex;
            width: 1328px;
            margin: 0 auto
        }

        .header-category .segment-list[data-v-68622e0f] {
            border-right: 1px solid rgba(0, 0, 0, 0.1);
            padding-right: 16px
        }

        .header-category .segment-list-item[data-v-68622e0f] {
            display: flex;
            align-items: center;
            padding: 8px 16px;
            gap: 16px;
            margin-bottom: 8px;
            width: 220px;
            cursor: pointer
        }

        .header-category .segment-list-item__image[data-v-68622e0f] {
            width: 40px;
            height: 40px;
            border-radius: 8px
        }

        .header-category .segment-list-item__name[data-v-68622e0f] {
            font-size: 16px
        }

        .header-category .segment-list-item--active[data-v-68622e0f] {
            background: rgba(0, 0, 0, 0.05);
            border-radius: 8px
        }

        .header-category .segment-list-item--active .segment-list-item__name[data-v-68622e0f] {
            font-weight: 700
        }

        .header-category .nav-right[data-v-68622e0f] {
            padding-left: 64px;
            flex-grow: 1;
            overflow-x: scroll;
            min-height: 400px
        }

        .header-category .nav-right[data-v-68622e0f]::-webkit-scrollbar {
            background: transparent;
            height: 8px;
            width: 8px
        }

        .header-category .nav-right[data-v-68622e0f]::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, 0.3);
            border-radius: 8px
        }

        .header-category .menu-list[data-v-68622e0f] {
            display: flex;
            gap: 92px
        }

        .header-category .menu-list a[data-v-68622e0f] {
            font-size: 16px;
            font-weight: 700;
            color: #000;
            white-space: nowrap
        }

        .header-category .menu-list--inactive[data-v-68622e0f] {
            cursor: default;
            pointer-events: none
        }

        .header-category .category-list[data-v-68622e0f] {
            margin-top: 16px
        }

        .header-category .category-list li[data-v-68622e0f] {
            margin-bottom: 16px;
            display: flex;
            gap: 16px;
            align-items: center
        }

        .header-category .category-list li a[data-v-68622e0f] {
            font-size: 14px;
            font-weight: normal
        }

        .header-category .category-list-image[data-v-68622e0f] {
            border-radius: 8px;
            border: 1px solid #EBEBEB;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 40px;
            height: 40px
        }

        .header-category .category-list-image img[data-v-68622e0f] {
            width: 30px
        }

        @media (max-width: 1439px) {
            .header-category-menu-wrapper[data-v-68622e0f] {
                width: 1136px
            }
        }

        .slide-enter-active[data-v-68622e0f],
        .slide-leave-active[data-v-68622e0f] {
            max-height: 1000px;
            overflow: hidden;
            transition: max-height .3s ease-in-out
        }

        .slide-enter[data-v-68622e0f],
        .slide-leave-to[data-v-68622e0f] {
            overflow: hidden;
            max-height: 0
        }

        .scrollbar-category-menu.ps {
            overflow: hidden !important;
            overflow-anchor: none;
            -ms-overflow-style: none;
            touch-action: auto;
            -ms-touch-action: auto;
            position: relative
        }

        .scrollbar-category-menu.ps.ps--active-y>.ps__rail-y {
            display: block;
            background-color: transparent
        }

        .scrollbar-category-menu.ps .ps__rail-y {
            display: none;
            transition: background-color .2s linear, opacity .2s linear;
            -webkit-transition: background-color .2s linear, opacity .2s linear;
            width: 8px;
            right: 0;
            position: absolute;
            margin-right: 4px
        }

        .scrollbar-category-menu.ps .ps__rail-y .ps__thumb-y {
            background: rgba(0, 0, 0, 0.3);
            transition: background-color .2s linear, width .2s ease-in-out;
            -webkit-transition: background-color .2s linear, width .2s ease-in-out;
            width: 100%;
            position: absolute;
            border-radius: 10px
        }

        .scrollbar-category-menu.ps.ps--active-x>.ps__rail-x {
            display: block;
            background-color: transparent
        }

        .scrollbar-category-menu.ps .ps__rail-x {
            display: none;
            transition: background-color .2s linear, opacity .2s linear;
            -webkit-transition: background-color .2s linear, opacity .2s linear;
            width: 8px;
            right: 0;
            position: absolute;
            margin-right: 4px
        }

        .scrollbar-category-menu.ps .ps__rail-x .ps__thumb-x {
            background: rgba(0, 0, 0, 0.3);
            transition: background-color .2s linear, width .2s ease-in-out;
            -webkit-transition: background-color .2s linear, width .2s ease-in-out;
            width: 100%;
            position: absolute;
            border-radius: 10px
        }

        .header-community[data-v-7eaecc4a] {
            flex: 1
        }

        .header-community--onscroll[data-v-7eaecc4a] {
            box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
            background: #fff
        }

        .header-search[data-v-7eaecc4a] {
            position: relative;
            display: flex;
            flex-grow: 1;
            align-items: center;
            padding: 8px;
            border-radius: 4px;
            border: 1px solid rgba(0, 0, 0, 0.1);
            background: #FFF;
            box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
            gap: 16px;
            margin-left: 24px
        }

        .header-search .svg-icon[data-v-7eaecc4a] {
            width: 24px;
            height: 24px;
            cursor: pointer
        }

        .header-search form[data-v-7eaecc4a] {
            width: 100%
        }

        .header-search form input[data-v-7eaecc4a] {
            width: 100%;
            outline: none;
            border: none
        }

        .header-search__sugestion[data-v-7eaecc4a] .search-suggestion {
            width: calc(100% + 28%);
            box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
            left: 0px;
            margin-top: 12px
        }

        .header-search__sugestion[data-v-7eaecc4a] .on-active {
            width: calc(100% + 28%);
            box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
            left: 0px;
            margin-top: 12px
        }

        .header-search__sugestion[data-v-7eaecc4a] .on-active--is-active {
            border: unset
        }

        .header-search__cart[data-v-7eaecc4a] {
            position: relative
        }

        .header-search__cart a[data-v-7eaecc4a] {
            width: 24px;
            height: 24px;
            cursor: pointer;
            display: block
        }

        .header-search__cart span[data-v-7eaecc4a] {
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
            width: fit-content;
            height: 12px;
            color: #fff;
            font-size: 8px;
            font-weight: 500;
            text-align: center;
            background: #DC3F45;
            border-radius: 12px;
            bottom: 14px;
            left: 10px;
            cursor: pointer;
            pointer-events: none;
            padding: 4px
        }

        @media (max-width: 1024px) {
            .header-community[data-v-7eaecc4a] {
                display: flex;
                align-items: center;
                gap: 16px;
                padding: 16px 20px
            }

            .header-community .header-back[data-v-7eaecc4a] {
                display: block;
                width: 24px;
                height: 24px
            }

            .header-community .header-back.hidden[data-v-7eaecc4a] {
                display: none
            }

            .header-community .header-search[data-v-7eaecc4a] {
                margin-left: 0px
            }

            .header-community .header-search--pdp[data-v-7eaecc4a] {
                box-shadow: none;
                border: none;
                justify-content: flex-end;
                gap: 0px;
                padding: 0px;
                background: transparent
            }

            .header-community .header-search--pdp form[data-v-7eaecc4a] {
                display: none
            }
        }

        .search-suggestion[data-v-4fbe0f2c] {
            display: block;
            width: calc(100% + 2px);
            background: #fff;
            overflow: hidden;
            position: absolute;
            top: 100%;
            left: -1px;
            z-index: 2;
            max-height: 410px;
            overflow-y: auto
        }

        .search-suggestion ul li[data-v-4fbe0f2c] {
            padding: 12px 20px
        }

        .search-suggestion ul li[data-v-4fbe0f2c]:hover {
            background: rgba(0, 0, 0, 0.05)
        }

        .search-suggestion ul li a[data-v-4fbe0f2c] {
            display: block;
            font-size: 16px;
            line-height: 24px;
            cursor: pointer;
            color: #000
        }

        .search-suggestion ul li a[data-v-4fbe0f2c] b {
            font-weight: 500 !important
        }

        .search-suggestion__brands[data-v-4fbe0f2c] {
            margin-top: 12px;
            padding: 0px 20px
        }

        .search-suggestion__brands-title[data-v-4fbe0f2c] {
            font-size: 20px;
            color: #000;
            font-weight: 500;
            line-height: 27px;
            margin-bottom: 4px
        }

        .search-suggestion__brands-caption[data-v-4fbe0f2c] {
            color: rgba(0, 0, 0, 0.6);
            font-weight: 400;
            line-height: 140%;
            font-size: 14px
        }

        .search-suggestion__brands-container[data-v-4fbe0f2c] {
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            margin: 16px 0px 20px 0px
        }

        .search-suggestion__brands-container li[data-v-4fbe0f2c] {
            padding: 0px 0px 0px 0px !important;
            width: 232px
        }

        .search-suggestion__brands-container li[data-v-4fbe0f2c]:hover {
            background: none !important
        }

        .search-suggestion__brands-item a[data-v-4fbe0f2c] {
            display: flex !important;
            align-items: center;
            gap: 12px
        }

        .search-suggestion__brands-item a span[data-v-4fbe0f2c] {
            font-size: 14px;
            color: rgba(0, 0, 0, 0.8);
            text-transform: capitalize;
            display: block;
            font-weight: 500
        }

        .search-suggestion__brands-image[data-v-4fbe0f2c] {
            width: 60px;
            height: 40px;
            background: #f7f7f7;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .search-suggestion__brands-image img[data-v-4fbe0f2c] {
            width: 100%
        }

        .search-suggestion__button[data-v-4fbe0f2c] {
            display: flex;
            padding: 4px 20px 20px 20px;
            justify-content: space-between;
            gap: 20px
        }

        .search-suggestion__button-link[data-v-4fbe0f2c] {
            padding: 16px;
            border: 1px solid rgba(0, 0, 0, 0.1);
            display: block;
            width: 100%;
            border-radius: 4px;
            font-size: 14px;
            color: rgba(0, 0, 0, 0.8);
            font-weight: 400;
            text-transform: capitalize;
            line-height: 140%;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .search-suggestion__button-link span[data-v-4fbe0f2c] {
            font-weight: 500
        }

        .search-suggestion__button-chevron[data-v-4fbe0f2c] {
            display: block;
            width: 10px;
            height: 6px;
            background-repeat: no-repeat !important;
            background-size: contain;
            background-position: center center;
            transform: rotate(-90deg)
        }

        .search-suggestion__product[data-v-4fbe0f2c] {
            padding: 12px 0px
        }

        .search-suggestion__product--empty[data-v-4fbe0f2c] {
            padding: 0px
        }

        .search-suggestion__product li[data-v-4fbe0f2c] {
            padding: 8px 20px !important
        }

        .search-suggestion__product li[data-v-4fbe0f2c]:hover {
            background: none !important
        }

        .search-active .search-suggestion[data-v-4fbe0f2c] {
            border: 1px solid #000
        }

        .fadeHeight-enter-active[data-v-4fbe0f2c],
        .fadeHeight-leave-active[data-v-4fbe0f2c] {
            transition: all .3s ease-in-out;
            max-height: 1000px
        }

        .fadeHeight-enter[data-v-4fbe0f2c],
        .fadeHeight-leave-to[data-v-4fbe0f2c] {
            max-height: 0px
        }

        .on-active[data-v-1979ddc0] {
            display: block;
            width: calc(100% + 2px);
            background: #fff;
            overflow: hidden;
            position: absolute;
            top: 100%;
            left: -1px;
            z-index: 2;
            max-height: 0px;
            transition: all .3s ease-in-out
        }

        .on-active--is-active[data-v-1979ddc0] {
            border: 1px solid #000;
            max-height: 1000px
        }

        .on-active__sale[data-v-1979ddc0] {
            margin-bottom: 16px;
            margin-top: 4px;
            padding: 0px 20px 0px 20px
        }

        .on-active__sale-title[data-v-1979ddc0] {
            font-size: 20px;
            color: #000;
            line-height: 140%;
            font-weight: 500;
            margin-bottom: 4px
        }

        .on-active__sale-caption[data-v-1979ddc0] {
            font-size: 14px;
            font-weight: 400;
            color: rgba(0, 0, 0, 0.6);
            line-height: 140%
        }

        .on-active__sale-products[data-v-1979ddc0] {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            padding: 0px 20px 20px 20px
        }

        .on-active__sale-list[data-v-1979ddc0] {
            width: calc(50% - 20px)
        }

        .on-active__recent[data-v-1979ddc0] {
            margin-bottom: 16px;
            padding: 20px 20px 0px 20px
        }

        .on-active__recent-title[data-v-1979ddc0] {
            font-size: 20px;
            color: #000;
            line-height: 140%;
            font-weight: 500;
            margin-bottom: 4px
        }

        .on-active__recent-products[data-v-1979ddc0] {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-bottom: 24px;
            padding: 0px 20px 0px 20px
        }

        .on-active__recent-list[data-v-1979ddc0] {
            width: calc(50% - 20px)
        }

        @media (max-width: 1024px) {
            .on-active[data-v-1979ddc0] {
                border: none;
                top: 90px;
                left: auto;
                width: 100%;
                overflow: scroll;
                padding-top: 0px;
                height: calc(100% - 100px);
                transition: none;
                max-height: none
            }

            .on-active__sale-list[data-v-1979ddc0],
            .on-active__recent-list[data-v-1979ddc0] {
                width: 100%
            }

            .on-active__sale-products[data-v-1979ddc0],
            .on-active__recent-products[data-v-1979ddc0] {
                gap: 16px
            }

            .on-active--is-active[data-v-1979ddc0] {
                max-height: none
            }
        }

        .recent-search[data-v-0c267ab0] {
            padding: 20px
        }

        .recent-search__list[data-v-0c267ab0] {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            margin-bottom: 16px
        }

        .recent-search__list-title[data-v-0c267ab0] {
            font-size: 20px;
            color: #000;
            line-height: 140%;
            font-weight: 500
        }

        .recent-search__list-clear[data-v-0c267ab0] {
            text-decoration: underline;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer
        }

        .recent-search__keywords[data-v-0c267ab0] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 8px
        }

        .recent-search__keywords-item[data-v-0c267ab0] {
            border: 1px solid rgba(0, 0, 0, 0.1);
            padding: 8px 16px;
            border-radius: 40px;
            cursor: pointer
        }

        .recent-search__keywords-item a[data-v-0c267ab0] {
            font-size: 14px;
            color: rgba(0, 0, 0, 0.8);
            line-height: 140%;
            font-weight: 500;
            text-transform: capitalize
        }

        .recent-search__keywords-item[data-v-0c267ab0]:hover {
            border: 1px solid rgba(0, 0, 0, 0.8)
        }

        .recent-search__keywords--skeleton[data-v-0c267ab0] {
            display: flex;
            gap: 8px
        }

        .recent-search__keywords--skeleton li[data-v-0c267ab0] {
            width: 100px;
            padding: 0px;
            border: none
        }

        .recent-search__keywords--skeleton li[data-v-0c267ab0]:hover {
            border: none
        }

        .recent-search__keywords--skeleton li p[data-v-0c267ab0] {
            display: block;
            height: 36px;
            border-radius: 40px
        }

        .skeleton[data-v-0c267ab0] {
            animation-duration: 1s;
            animation-fill-mode: forwards;
            animation-iteration-count: infinite;
            animation-name: placeHolderShimmer;
            animation-timing-function: linear;
            background: #F2F2F2;
            background: linear-gradient(to right, #F2F2F2 8%, #fff 18%, #F2F2F2 33%);
            background-size: 800px 104px
        }

        @media (max-width: 1024px) {
            .recent-search__list[data-v-0c267ab0] {
                margin-bottom: 16px
            }

            .recent-search__keywords[data-v-0c267ab0] {
                flex-wrap: wrap
            }

            .recent-search__keywords--skeleton[data-v-0c267ab0] {
                flex-wrap: wrap
            }
        }

        .fadeHeight-enter-active[data-v-0c267ab0],
        .fadeHeight-leave-active[data-v-0c267ab0] {
            transition: all .3s ease-in-out;
            max-height: 1000px
        }

        .fadeHeight-enter[data-v-0c267ab0],
        .fadeHeight-leave-to[data-v-0c267ab0] {
            max-height: 0px
        }

        .header-main-menu[data-v-55545584] {
            margin-left: 32px
        }

        .header-main-menu ul[data-v-55545584] {
            display: flex;
            gap: 16px;
            padding: 0 8px
        }

        .header-main-menu ul li[data-v-55545584] {
            display: flex;
            height: 40px;
            margin: 7px 0;
            background-color: #fff;
            position: relative
        }

        .header-main-menu ul li .svg-icon[data-v-55545584] {
            display: block;
            width: 24px;
            height: 100%;
            background-position: center;
            cursor: pointer
        }

        .header-main-menu ul li span[data-v-55545584] {
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-size: 10px;
            padding: 0 4px;
            font-weight: 700;
            line-height: 15px;
            text-align: center;
            background: #DC3F45;
            border-radius: 8px;
            top: 9px;
            border: 1px solid #fff;
            left: 12px;
            cursor: pointer;
            pointer-events: none
        }

        .header-account-not-login[data-v-737f08b2] {
            position: relative
        }

        .header-account-login[data-v-737f08b2] {
            border: 1px solid #000;
            border-radius: 5px;
            padding: 0px 16px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer
        }

        .header-account-login p[data-v-737f08b2] {
            font-size: 14px;
            font-weight: 500;
            line-height: 140%;
            color: #000
        }

        .header-account-login p span[data-v-737f08b2] {
            text-transform: lowercase
        }

        .header-account-login--loading[data-v-737f08b2] {
            width: 110px;
            height: 20px
        }

        .header-account-badge[data-v-737f08b2] {
            position: absolute;
            text-align: center;
            background: #A32029;
            color: #fff;
            padding: 8px 16px;
            border-radius: 4px;
            top: 44px
        }

        .header-account-badge p[data-v-737f08b2] {
            font-size: 14px;
            font-weight: 500;
            line-height: 20px
        }

        .header-account-icon img[data-v-737f08b2] {
            transition: transform .3s
        }

        .header-account-container[data-v-737f08b2] {
            cursor: pointer
        }

        .header-account-container .my-account-wrapper[data-v-737f08b2] {
            padding: 8px 8px;
            display: flex;
            gap: 8px;
            align-items: center
        }

        .header-account-container .my-account-wrapper>img[data-v-737f08b2] {
            width: 32px;
            height: 20px
        }

        .header-account-container .my-account-wrapper .separator[data-v-737f08b2] {
            width: 1px;
            background: rgba(0, 0, 0, 0.8);
            height: 20px;
            margin: 0 16px
        }

        .header-account-container .my-account-wrapper[data-v-737f08b2]:hover {
            background: rgba(0, 0, 0, 0.05);
            border-radius: 8px
        }

        .header-account-container .my-account-wrapper:hover .my-account-dropdown[data-v-737f08b2] {
            max-height: 1000px
        }

        .header-account-container .my-account-wrapper:hover .header-account-icon img[data-v-737f08b2] {
            transform: rotate(-180deg)
        }

        .header-account-dropdown[data-v-737f08b2] {
            position: absolute;
            padding: 24px;
            background: #FFF;
            box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
            z-index: 9999;
            min-width: 375px;
            top: 55px;
            right: 0
        }

        .header-account-name[data-v-737f08b2] {
            max-width: 90px;
            font-size: 14px;
            font-weight: 500;
            line-height: 140%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .header-account-name--loading[data-v-737f08b2] {
            width: 56px;
            height: 20px
        }

        .header-account-points[data-v-737f08b2] {
            display: flex;
            font-size: 14px;
            font-weight: 500;
            line-height: 140%
        }

        .header-account-points__value[data-v-737f08b2] {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 76px
        }

        .header-account-icon[data-v-737f08b2] {
            width: 20px;
            height: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 4px
        }

        .header-account-icon>img[data-v-737f08b2] {
            width: 12px;
            height: 7px;
            object-fit: contain
        }

        .header-account .account-name[data-v-737f08b2] {
            display: flex;
            gap: 12px
        }

        .header-account .account-card-wrapper[data-v-737f08b2] {
            display: flex;
            align-items: center;
            gap: 16px;
            border-radius: 4px;
            padding: 16px 0 16px 16px;
            background: linear-gradient(229deg, #C6C6C2 0%, #4E4E4E 100%);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
            margin: 16px 0
        }

        .my-account-dropdown[data-v-737f08b2] {
            display: block;
            width: 375px;
            background: #fff;
            box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
            position: absolute;
            top: calc(36px + 14px + 15px);
            right: 0;
            z-index: 10;
            overflow: hidden;
            transition: max-height .3s ease-in-out;
            max-height: 0px;
            border-bottom-right-radius: 8px;
            border-bottom-left-radius: 8px
        }

        .my-account-dropdown[data-v-737f08b2]>li:first-child {
            margin-top: 4px
        }

        .my-account-dropdown[data-v-737f08b2]>li:last-child {
            margin-bottom: 4px
        }

        .article-product-information[data-v-405f97f1] {
            max-width: 1315px;
            padding: 0 15px;
            margin: 0 auto 48px;
            position: relative;
            min-height: 520px
        }

        @media (max-width: 1024px) {
            .container[data-v-405f97f1] {
                margin-top: -60px
            }

            .article-product-information[data-v-405f97f1] {
                padding: 0;
                margin-bottom: 0;
                min-height: auto
            }
        }

        .article-breadcrumb[data-v-342603a3] {
            max-width: 1130px;
            margin-bottom: 16px
        }

        .article-breadcrumb .breadcrumb[data-v-342603a3] {
            padding: 6px 0
        }

        .article-breadcrumb .breadcrumb ul li[data-v-342603a3] {
            font-size: 16px;
            display: inline-block;
            color: rgba(0, 0, 0, 0.6);
            font-weight: 400;
            line-height: 140%;
            cursor: default
        }

        .article-breadcrumb .breadcrumb ul li[data-v-342603a3]:nth-child(even) {
            padding: 0 3px
        }

        .article-breadcrumb .breadcrumb ul li a[data-v-342603a3] {
            color: rgba(0, 0, 0, 0.6)
        }

        .article-breadcrumb .breadcrumb ul li.is-active a[data-v-342603a3],
        .article-breadcrumb .breadcrumb ul li.is-active span[data-v-342603a3] {
            color: #000;
            font-weight: 500
        }

        .article-breadcrumb .breadcrumb ul li.is-have-url[data-v-342603a3] {
            cursor: pointer
        }

        .product-left {
            float: left;
            position: absolute;
            top: 0;
            left: 15px;
            width: 44.8%;
            padding-right: 30px;
            z-index: 1
        }

        .product-left .min-scroller-wrap {
            float: left;
            width: 17.466%;
            padding-right: 17px;
            margin-bottom: -20px;
            height: 516px
        }

        .product-left .detail-time {
            background: rgba(51, 51, 51, 0.5);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            text-align: center;
            padding: 4px 0;
            z-index: 3;
            color: #fff
        }

        .scroll-gallery.axis-y {
            width: auto;
            height: 100%;
            padding: 0;
            overflow: hidden
        }

        .scroll-gallery.axis-y .scroller-wrap {
            height: 100%
        }

        .scroll-gallery.axis-y .scroller-wrap ul {
            display: flex;
            flex-direction: column
        }

        .scroll-gallery.axis-y .scroller-wrap ul li {
            width: auto;
            border: 1px solid #fff;
            margin-bottom: 20px;
            flex: 1
        }

        .scroll-gallery.axis-y .scroller-wrap ul li.active {
            border: 1px solid #000
        }

        .scroll-gallery.axis-y .scroller-wrap ul li a {
            padding: 0
        }

        .scroll-gallery.axis-y .scroll-btn-prev,
        .scroll-gallery.axis-y .scroll-btn-next {
            z-index: 2
        }

        .scroll-gallery.axis-y .scroll-btn-prev a,
        .scroll-gallery.axis-y .scroll-btn-next a {
            text-indent: 999999px
        }

        .scroll-btn-prev i {
            background-position: -177px -100px
        }

        .scroll-btn-next i {
            vertical-align: bottom;
            background-position: -223px -54px
        }

        .scroll.pdp-big-scroll {
            float: right;
            width: 82.065%
        }

        .scroll .scroller-wrap {
            overflow: visible;
            position: relative
        }

        .swiper-video {
            cursor: pointer;
            position: relative;
            display: block
        }

        .swiper-video .svg-icon {
            width: 20px;
            height: 20px;
            cursor: pointer;
            display: block;
            background-repeat: no-repeat;
            background-size: contain;
            position: absolute;
            z-index: 1;
            border-radius: 8px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        @media (max-width: 1024px) {
            .product-left {
                float: none;
                width: 100% !important;
                padding: 0;
                left: 0;
                position: relative
            }

            .product-left .pdp-big-scroll {
                float: none;
                width: 100%
            }

            .product-left .pdp-big-scroll .scroller-slide {
                display: flex
            }

            .product-left .pdp-big-scroll .scroller-slide .scroller-list {
                display: block;
                flex-shrink: 0
            }

            .product-left .pdp-big-scroll .scroller-slide .scroller-list a {
                display: block
            }

            .product-left .pdp-big-scroll .scroll-dots {
                left: auto !important;
                margin-left: 0 !important;
                right: 20px;
                width: auto !important;
                bottom: 10px
            }

            .product-left .pdp-big-scroll .scroll-dots a {
                width: 14px;
                height: 2px;
                background: #ccc;
                border-radius: 0;
                margin: 0 2px
            }

            .product-left .pdp-big-scroll .scroll-dots a.active {
                width: 28px;
                background: #f0242b
            }

            .scroll .scroller-wrap {
                overflow: hidden
            }
        }

        .zoom-image .thumbnail-area[data-v-332370a5] {
            position: relative;
            overflow: hidden
        }

        .zoom-image .img-zoom-container[data-v-332370a5] {
            z-index: 100;
            transition: all .2s ease
        }

        @media (max-width: 1024px) {
            .thumbnail-area[data-v-332370a5] {
                width: 100%;
                height: auto
            }
        }

        .ribbon-img[data-v-096e0015] {
            position: absolute;
            width: 50%;
            pointer-events: none
        }

        .ribbon-img.top[data-v-096e0015] {
            top: 0;
            transform: translateX(50%)
        }

        .ribbon-img.upper-left[data-v-096e0015] {
            top: 0;
            left: 0
        }

        .ribbon-img.upper-right[data-v-096e0015] {
            top: 0;
            right: 0
        }

        .ribbon-img.bottom[data-v-096e0015] {
            bottom: 0;
            width: 100%
        }

        .ribbon-img.bottom-right[data-v-096e0015] {
            bottom: 0;
            right: 0
        }

        .ribbon-img.bottom-left[data-v-096e0015] {
            bottom: 0;
            left: 0
        }

        .product-right[data-v-c80a9354] {
            float: right;
            width: 54.182%;
            padding-left: 5px
        }

        @media (max-width: 1024px) {
            .product-right[data-v-c80a9354] {
                float: none;
                width: 100%;
                padding-right: 0;
                padding-left: 0
            }
        }

        .message-bar[data-v-23a6e28b] {
            display: flex;
            padding: 11px 12px;
            margin-bottom: 24px;
            background: #FFFBEA;
            border: 1px solid #F5C600
        }

        .message-bar>div[data-v-23a6e28b] {
            display: flex
        }

        .message-bar__icon i[data-v-23a6e28b] {
            display: block;
            width: 16px;
            height: 16px;
            background-repeat: no-repeat;
            background-size: contain
        }

        .message-bar__detail[data-v-23a6e28b] {
            width: 100%;
            margin-left: 8px;
            color: rgba(0, 0, 0, 0.8);
            font-size: 12px;
            font-weight: 500;
            line-height: 18px
        }

        @media (max-width: 1024px) {
            .message-bar[data-v-23a6e28b] {
                margin: 20px
            }
        }

        .product-top-l[data-v-4d672176] {
            float: left;
            display: inline-block;
            width: 100%
        }

        .product-top-l>div[data-v-4d672176] {
            margin-right: 200px
        }

        .product-top-l .product-name[data-v-4d672176] {
            font-size: 16px;
            line-height: 22.4px;
            margin-bottom: 8px;
            color: rgba(0, 0, 0, 0.8);
            font-weight: 500
        }

        .product-top-l .product-subtitle[data-v-4d672176] {
            font-size: 30px;
            color: #333;
            margin-bottom: 8px;
            font-weight: 400
        }

        .product-top-l .product-code[data-v-4d672176] {
            color: rgba(0, 0, 0, 0.4);
            margin-bottom: 30px;
            font-weight: 400;
            font-size: 12px
        }

        .product-top-l .product-price span[data-v-4d672176]:first-child {
            font-size: 24px;
            color: #C10230;
            font-weight: 600
        }

        .product-top-l .product-price span.discount[data-v-4d672176] {
            margin-left: 4px;
            padding: 0 4px;
            font-size: 16px;
            border-radius: 4px;
            color: #fff;
            background: #DC3F45;
            font-size: 14px;
            border-radius: 4px;
            font-weight: 600;
            padding: 0px 4px;
            line-height: 20px
        }

        .product-top-l .product-price__crossed[data-v-4d672176] {
            font-size: 16px;
            line-height: 24px;
            color: rgba(0, 0, 0, 0.6);
            display: block;
            margin-top: 4px
        }

        .product-top-l .product-price__label[data-v-4d672176] {
            display: block;
            width: fit-content;
            margin: 8px 0px
        }

        .product-top-l .product-price__label img[data-v-4d672176] {
            height: 25px;
            width: auto
        }

        .product-top-l .product-price__sale[data-v-4d672176] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 4px;
            margin-top: 4px
        }

        .product-top-l .product-price__sale--has-online span[data-v-4d672176]:first-child {
            color: #000 !important;
            font-size: 16px !important;
            font-weight: 400 !important;
            line-height: 24px
        }

        .product-top-l .product-price__exclusive[data-v-4d672176] {
            margin: 0px 0px 4px 0px;
            display: flex;
            align-items: center;
            justify-content: flex-start
        }

        .product-top-r[data-v-4d672176] {
            float: right;
            width: 236px;
            margin-left: -236px;
            display: inline-block;
            position: relative;
            text-align: right;
            font-size: 14px
        }

        .product-top-r .reviews[data-v-4d672176] {
            cursor: pointer
        }

        @media (max-width: 1024px) {
            .product-top[data-v-4d672176] {
                margin-top: 20px;
                margin-bottom: 21px;
                padding: 0 20px
            }

            .product-top .product-top-l[data-v-4d672176] {
                float: none
            }

            .product-top .product-top-l>div[data-v-4d672176] {
                margin-right: 0
            }

            .product-top .product-top-l>div .product-name[data-v-4d672176] {
                font-size: 16px;
                margin-bottom: 4px;
                line-height: 22.4px
            }

            .product-top .product-top-l>div .product-subtitle[data-v-4d672176] {
                margin-bottom: 4px;
                color: #333;
                line-height: 19.6px
            }

            .product-top .product-top-l>div .product-code[data-v-4d672176] {
                margin-bottom: 20px
            }

            .product-top .product-top-l>div .product-price[data-v-4d672176] {
                padding-right: 94px
            }

            .product-top .discount-info[data-v-4d672176] {
                position: relative;
                margin-top: 16px;
                margin-bottom: 20px
            }

            .product-top .discount-info h3[data-v-4d672176] {
                position: absolute;
                right: 0;
                top: -36px;
                font-size: 14px;
                margin-bottom: 0
            }

            .product-top .discount-info p[data-v-4d672176] {
                color: #4a4a4a;
                text-align: center;
                padding-left: 0
            }

            .product-top .product-top-r[data-v-4d672176] {
                float: none;
                width: 100%;
                margin-left: 0;
                position: relative;
                text-align: left;
                overflow: hidden;
                line-height: 1
            }

            .product-top .product-top-r .reviews[data-v-4d672176] {
                display: inline-block;
                padding-left: 6px;
                margin-bottom: 0;
                font-size: 12px
            }

            .product-top .product-top-r .reviews span[data-v-4d672176] {
                color: #9d9d9d
            }
        }

        @media (max-width: 767px) {
            .product-price[data-v-4d672176] {
                padding-right: 0
            }

            .discount-info[data-v-4d672176] {
                margin-top: 10px
            }

            .discount-info h3[data-v-4d672176] {
                position: relative;
                top: 0;
                right: 0;
                margin-bottom: 10px
            }
        }

        .discount-info[data-v-66b535b0] {
            margin-bottom: 20px
        }

        .discount-info h3[data-v-66b535b0] {
            font-size: 16px;
            color: #333;
            margin-bottom: 10px;
            line-height: 22.4px
        }

        .discount-info h3 a[data-v-66b535b0] {
            color: #333;
            text-decoration: underline;
            font-weight: 500
        }

        .star[data-v-3230cc89] {
            margin-bottom: 6px;
            font-size: 0
        }

        .star#reviewsStar span[data-v-3230cc89] {
            position: relative;
            display: inline-block;
            margin-right: 10px
        }

        .star span i.icon-star-inactive[data-v-3230cc89] {
            background-position: -96px -160px;
            width: 20px;
            height: 20px
        }

        .star span i.icon-star-active[data-v-3230cc89] {
            background-position: -122px -160px;
            width: 20px;
            height: 20px
        }

        .star span i[data-v-3230cc89]:nth-child(2) {
            position: absolute;
            left: 0;
            top: 0
        }

        @media (max-width: 1024px) {
            .star[data-v-3230cc89] {
                margin-bottom: 0
            }

            .star#reviewsStar[data-v-3230cc89] {
                float: left
            }

            .star#reviewsStar span[data-v-3230cc89]:last-child {
                margin-right: 0
            }

            .star span[data-v-3230cc89] {
                margin-right: 4px
            }

            .star span[data-v-3230cc89]:last-child {
                margin-right: 0
            }
        }

        .conditional-info__list-item[data-v-5a5cac8d] {
            background-position: 8px center;
            background-repeat: no-repeat;
            background-size: 20px;
            border: 1px solid rgba(0, 0, 0, 0.1);
            color: rgba(0, 0, 0, 0.8);
            display: inline-block;
            font-size: 12px;
            line-height: 150%;
            margin-bottom: 10px;
            padding: 8px 8px 8px 36px
        }

        .conditional-info__list:last-child div[data-v-5a5cac8d] {
            margin-bottom: 20px
        }

        @media (max-width: 1024px) {
            .conditional-info[data-v-5a5cac8d] {
                padding: 0 20px
            }
        }

        .color-box h3[data-v-184e7996] {
            color: #999;
            font-size: 12px
        }

        .color-box h3 span[data-v-184e7996] {
            color: #151515
        }

        .color-main ul[data-v-184e7996] {
            font-size: 0
        }

        .color-main ul li[data-v-184e7996] {
            display: inline-block;
            vertical-align: top;
            margin-right: 18px;
            margin-top: 10px
        }

        .color-main ul li a[data-v-184e7996] {
            display: block
        }

        .color-main ul li a span[data-v-184e7996] {
            position: relative;
            display: inline-block;
            width: 20px;
            height: 20px;
            font-size: 0;
            border-radius: 3px
        }

        .color-main ul li a span[data-v-184e7996]::after {
            content: "";
            display: none;
            position: absolute;
            width: 24px;
            height: 24px;
            top: 50%;
            left: 50%;
            margin: -12px 0 0 -12px;
            border-radius: 4px
        }

        .color-main ul li.is-active a span[data-v-184e7996]::after {
            display: block;
            border: 1px solid #000
        }

        @media (max-width: 1024px) {
            .color-box[data-v-184e7996] {
                padding: 0 20px;
                margin-bottom: 20px
            }

            .color-box .color-main ul li[data-v-184e7996] {
                margin-right: 30px
            }

            .color-box .color-main ul li.is-active a span[data-v-184e7996] {
                position: relative
            }

            .color-box .color-main ul li.is-active a span[data-v-184e7996]:after {
                content: "";
                display: block;
                position: absolute;
                width: 34px;
                height: 34px;
                top: 50%;
                left: 50%;
                margin: -17px 0 0 -17px;
                border: 1px solid #000
            }

            .color-box .color-main ul li a span[data-v-184e7996] {
                width: 30px;
                height: 30px
            }
        }

        .size-box h3[data-v-14ef5d4d] {
            font-size: 12px
        }

        .size-box h3 p[data-v-14ef5d4d] {
            float: left
        }

        .size-box h3 .choose-box[data-v-14ef5d4d] {
            color: #df1a2e;
            display: none
        }

        .size-box h3 .size-con[data-v-14ef5d4d] {
            display: block;
            color: #999
        }

        .size-box h3 .size-con span[data-v-14ef5d4d] {
            color: #151515
        }

        .size-box h3 a[data-v-14ef5d4d] {
            float: right;
            color: #333;
            text-decoration: underline
        }

        .size-main[data-v-14ef5d4d] {
            margin-bottom: 14px
        }

        .size-main ul[data-v-14ef5d4d] {
            font-size: 0;
            margin-top: 10px
        }

        .size-main ul li[data-v-14ef5d4d] {
            display: inline-block;
            margin-right: 20px;
            margin-bottom: 10px;
            max-width: 100%
        }

        .size-main ul li.is-active div[data-v-14ef5d4d] {
            background: #333;
            border: 1px solid #000;
            color: #fff
        }

        .size-main ul li.is-disabled div[data-v-14ef5d4d] {
            cursor: pointer !important;
            border: 1px solid #e6e6e6;
            color: #999;
            background-color: #fff
        }

        .size-main ul li div[data-v-14ef5d4d] {
            display: flex;
            justify-content: center;
            align-items: center;
            min-width: 68px;
            height: 40px;
            padding: 0 15px;
            text-align: center;
            line-height: 36px;
            border: 1px solid #333;
            color: #333;
            font-size: 12px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            cursor: pointer;
            border-radius: 4px
        }

        .size-main .free-gift[data-v-14ef5d4d] {
            display: inline-block;
            padding: 0 4px;
            margin-left: 8px;
            font-size: 10px;
            font-weight: 500;
            line-height: 14px;
            color: #fff;
            background-color: #C10230
        }

        @media (max-width: 1024px) {
            .size-box[data-v-14ef5d4d] {
                margin-bottom: 20px;
                padding: 0 20px
            }

            .size-main[data-v-14ef5d4d] {
                margin-bottom: 10px
            }
        }

        .free-gift__title[data-v-27feff3a] {
            display: flex
        }

        .free-gift__title h3[data-v-27feff3a] {
            font-size: 14px;
            font-weight: 500;
            line-height: 140%;
            color: rgba(0, 0, 0, 0.8)
        }

        .free-gift__title img[data-v-27feff3a] {
            margin-left: 4px
        }

        .free-gift ul[data-v-27feff3a] {
            display: flex;
            margin-top: 8px
        }

        .free-gift ul li[data-v-27feff3a] {
            width: 123px;
            height: 214px;
            padding: 8px;
            margin-bottom: 20px;
            margin-right: 20px;
            border: 1px solid rgba(0, 0, 0, 0.1)
        }

        .free-gift ul li a[data-v-27feff3a] {
            display: block;
            margin-top: 8px;
            color: #000;
            font-weight: 500;
            line-height: 20px;
            text-decoration: underline
        }

        .free-gift__image[data-v-27feff3a] {
            width: 105px;
            height: 120px;
            overflow: hidden
        }

        .free-gift__image img[data-v-27feff3a] {
            width: 100%
        }

        .free-gift .gift-detail[data-v-27feff3a] {
            margin-top: 8px
        }

        .free-gift .gift-detail__title[data-v-27feff3a] {
            font-weight: 500;
            line-height: 20px;
            color: #000;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .free-gift .gift-detail__price[data-v-27feff3a] {
            margin-top: 4px;
            line-height: 18px;
            color: #000
        }

        .f-tooltip[data-v-27feff3a] {
            position: relative
        }

        .f-tooltip:hover p[data-v-27feff3a],
        .f-tooltip[data-v-27feff3a]:hover::before {
            transition: all .15s ease-in-out;
            opacity: 1
        }

        .f-tooltip[data-v-27feff3a]:hover::after {
            transition: all .05s ease-in-out;
            opacity: 1
        }

        .f-tooltip p[data-v-27feff3a] {
            padding: 8px;
            font-weight: 500;
            line-height: 18px;
            background-color: #fff;
            border: 1px solid #000;
            position: absolute;
            top: 100%;
            transform: translate(-32px, 12px);
            opacity: 0;
            pointer-events: none
        }

        .f-tooltip[data-v-27feff3a]::before,
        .f-tooltip[data-v-27feff3a]::after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border: 10px solid;
            position: absolute;
            top: 100%;
            opacity: 0
        }

        .f-tooltip[data-v-27feff3a]::before {
            border-color: transparent transparent #000 transparent;
            transform: translate(4px, -7px)
        }

        .f-tooltip[data-v-27feff3a]::after {
            border-color: transparent transparent #fff transparent;
            transform: translate(4px, -6px)
        }

        @media (min-width: 1025px) {
            .free-gift ul[data-v-27feff3a] {
                flex-wrap: wrap;
                padding-bottom: 4px
            }
        }

        @media (max-width: 1024px) {
            .free-gift__title[data-v-27feff3a] {
                padding: 0 20px
            }

            .free-gift ul[data-v-27feff3a] {
                overflow-x: auto
            }

            .free-gift ul li[data-v-27feff3a]:first-child {
                margin-left: 20px
            }
        }

        .product-num h3 {
            font-size: 12px;
            color: #999;
            margin-bottom: 8px
        }

        .product-num h3 span {
            color: #151515
        }

        .product-num h3 .select {
            width: auto;
            z-index: 1;
            position: relative
        }

        .product-num .select .dropdown {
            width: 150px;
            height: 40px;
            display: inline-block;
            vertical-align: middle
        }

        .product-num .select .dropdown .ps {
            max-height: 170px
        }

        .product-stock {
            margin-top: 8px
        }

        .product-stock p {
            font-size: 12px;
            font-weight: 500;
            line-height: 150%;
            color: #C10230
        }

        @media (max-width: 1024px) {
            .product-num {
                padding: 0 20px;
                margin-bottom: 24px
            }

            .product-num .select .dropdown {
                width: 100%
            }

            .product-stock {
                margin-top: 4px
            }
        }

        .dropdown.is-open .btn .dropdown-icon i.icon-caret {
            background-position: -417px 0
        }

        .dropdown .btn {
            padding: 5px 0 5px 8px;
            min-width: auto;
            line-height: 24px;
            text-align: left;
            border: 1px solid #e6e6e6;
            border-radius: 4px;
            height: 40px
        }

        .dropdown .btn .dropdown-text {
            padding-right: 32px;
            font-size: 12px;
            color: #999;
            margin-top: 2px
        }

        .dropdown .btn .dropdown-icon {
            width: 30px
        }

        .dropdown .btn .dropdown-icon i.icon-caret {
            background-position: -330px -381px;
            width: 12px;
            height: 12px
        }

        .dropdown .btn .dropdown-icon .icon-caret {
            top: 50%;
            left: 50%;
            margin: -6px 0 0 -6px;
            border: 0
        }

        .dropdown .sub-menu {
            z-index: 20;
            position: absolute;
            padding: 5px 0;
            top: 40px !important
        }

        .dropdown .sub-menu .viewport {
            max-height: 170px;
            height: auto;
            overflow: hidden;
            position: relative
        }

        .dropdown .sub-menu .viewport .overview {
            padding: 0;
            margin-left: 0;
            position: relative;
            margin-top: 0
        }

        .select-option-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0
        }

        div.tinyscrollbar .scrollbar {
            right: 0;
            top: 0;
            padding: 5px 0;
            position: absolute;
            height: 100%
        }

        div.tinyscrollbar .scrollbar .track {
            position: relative;
            background-color: transparent;
            right: 0;
            height: 100%
        }

        div.tinyscrollbar .scrollbar .track .thumb {
            overflow: hidden;
            position: absolute;
            left: 0;
            width: 100%;
            background: #333;
            border-radius: 0
        }

        .ps {
            overflow: hidden !important;
            overflow-anchor: none;
            -ms-overflow-style: none;
            touch-action: auto;
            -ms-touch-action: auto;
            position: relative
        }

        .ps.ps--active-y>.ps__rail-y {
            display: block;
            background-color: transparent
        }

        .ps .ps__rail-y {
            display: none;
            transition: background-color .2s linear, opacity .2s linear;
            -webkit-transition: background-color .2s linear, opacity .2s linear;
            width: 4px;
            right: 0;
            position: absolute
        }

        .ps .ps__rail-y .ps__thumb-y {
            background: #000;
            transition: background-color .2s linear, width .2s ease-in-out;
            -webkit-transition: background-color .2s linear, width .2s ease-in-out;
            width: 100%;
            position: absolute
        }

        .trade-in[data-v-3bf4a26d] {
            margin-bottom: 24px
        }

        .trade-in--onboarding-active[data-v-3bf4a26d] {
            display: inline-flex;
            padding: 12px;
            border-radius: 12px;
            background: #FFF;
            position: relative;
            top: -12px;
            left: -12px;
            z-index: 203;
            margin-bottom: 0
        }

        .trade-in__button[data-v-3bf4a26d] {
            display: inline-flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 12px 52px 12px 16px;
            gap: 8px;
            font-family: "Futura", sans-serif !important;
            font-size: 14px;
            text-align: left;
            line-height: 20px;
            border-radius: 8px;
            border: 1px solid #DDD;
            background-color: #FFF;
            cursor: pointer;
            position: relative
        }

        .trade-in__button--noclick[data-v-3bf4a26d] {
            cursor: default
        }

        .trade-in img[data-v-3bf4a26d] {
            height: 28px
        }

        .trade-in__chevron[data-v-3bf4a26d] {
            position: absolute;
            width: 20px;
            height: 20px;
            transform: rotate(270deg);
            top: calc(50% - 10px);
            right: 16px
        }

        .trade-in__onboarding[data-v-3bf4a26d] {
            position: absolute;
            top: 120px
        }

        .trade-in__onboarding-wrapper[data-v-3bf4a26d] {
            padding-top: 42px;
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative
        }

        .trade-in__onboarding-wrapper img[data-v-3bf4a26d] {
            height: 54px;
            position: absolute;
            top: 0;
            left: 0
        }

        .trade-in__onboarding-title[data-v-3bf4a26d] {
            font-size: 16px;
            font-weight: 700;
            line-height: 22.4px;
            text-align: center;
            color: #FFF
        }

        .trade-in__onboarding-text[data-v-3bf4a26d] {
            font-size: 14px;
            font-weight: 500;
            line-height: 19.6px;
            text-align: center;
            color: #FFF;
            margin-top: 4px
        }

        .trade-in__onboarding-button[data-v-3bf4a26d] {
            padding: 10px 16px;
            border-radius: 4px;
            color: #FFF;
            background: #A32029;
            border: 0;
            line-height: 20px;
            margin-top: 16px;
            cursor: pointer
        }

        @media (max-width: 1024px) {
            .trade-in[data-v-3bf4a26d] {
                padding: 0 20px;
                margin-bottom: 20px
            }

            .trade-in--onboarding-active[data-v-3bf4a26d] {
                display: inline-flex;
                margin: 0 10px;
                padding: 10px;
                border-radius: 10px;
                background: #FFF;
                position: relative;
                top: -10px;
                left: 0;
                z-index: 203;
                margin-bottom: 0
            }

            .trade-in__onboarding[data-v-3bf4a26d] {
                top: 122px
            }

            .trade-in__onboarding-wrapper[data-v-3bf4a26d] {
                padding-top: 59px
            }

            .trade-in__onboarding-wrapper img[data-v-3bf4a26d] {
                top: 16px;
                left: 30px
            }
        }

        .product-btn.produnt-outOfStock .addtocart-btn a.btn-add-shopbag[data-v-5e660b54],
        .product-btn.produnt-outOfStock .addtocart-btn a.btn-nowbuy[data-v-5e660b54] {
            display: none
        }

        .product-btn.produnt-outOfStock .addtocart-btn .not-for-sale[data-v-5e660b54] {
            display: inline-block;
            padding: 28px 0 57px;
            text-align: left
        }

        .product-btn.produnt-outOfStock .addtocart-btn .not-for-sale[data-v-5e660b54]:hover {
            background-color: unset;
            cursor: auto
        }

        .product-btn.produnt-outOfStock .addtocart-btn .not-for-sale p[data-v-5e660b54] {
            font-size: 16px;
            color: #ff6060
        }

        .product-btn .addtocart-btn a[data-v-5e660b54] {
            display: flex;
            min-width: 240px;
            border-radius: 4px;
            height: 40px;
            font-size: 14px;
            justify-content: center;
            font-weight: 500;
            align-items: center
        }

        .product-btn .addtocart-btn a.btn-add-shopbag[data-v-5e660b54] {
            float: left;
            margin-right: 20px
        }

        .product-btn .addtocart-btn a.btn-add-shopbag i[data-v-5e660b54] {
            display: none
        }

        .product-btn .addtocart-btn a.btn-nowbuy[data-v-5e660b54] {
            float: left
        }

        .product-btn .addtocart-btn .not-for-sale[data-v-5e660b54] {
            display: none
        }

        .icon[data-v-5e660b54] {
            width: 20px;
            height: 20px;
            display: block;
            background-size: contain
        }

        @media (max-width: 1024px) {
            .product-btn[data-v-5e660b54] {
                position: fixed;
                bottom: 0;
                left: 0;
                padding: 0;
                z-index: 4;
                width: 100%;
                margin-bottom: 0
            }

            .product-btn.produnt-outOfStock .addtocart-btn .not-for-sale[data-v-5e660b54] {
                display: flex
            }

            .event-addtocart[data-v-5e660b54] {
                padding: 16px 20px;
                background: white;
                display: flex;
                gap: 8px
            }

            .addtocart-btn a.btn-add-shopbag[data-v-5e660b54],
            .addtocart-btn a.btn-nowbuy[data-v-5e660b54] {
                width: 100%;
                min-width: 122px !important;
                margin-right: 0px !important;
                font-weight: 500;
                line-height: 120%;
                font-family: "Jost", sans-serif !important;
                padding: 0px 16px
            }

            .btn-add-wishlist[data-v-5e660b54] {
                width: 60px !important;
                min-width: fit-content !important;
                border: 1px solid #000;
                border-radius: 4px;
                justify-content: center !important;
                align-items: center !important;
                display: flex !important
            }

            .not-for-sale[data-v-5e660b54] {
                display: none;
                justify-content: center;
                align-items: center;
                padding: 0px !important;
                border-radius: 4px;
                border: 1px solid #eee;
                width: 100%;
                height: 40px;
                background-color: #EEE !important
            }

            .not-for-sale p[data-v-5e660b54] {
                color: #ccc !important;
                line-height: normal
            }
        }

        @media only screen and (-webkit-device-pixel-ratio: 3) and (min-device-width: 375px) and (max-device-width: 428px) and (min-device-height: 780px) and (max-device-height: 926px) {
            .product-btn[data-v-5e660b54] {
                padding-bottom: 20px;
                background: #fff
            }
        }

        @media only screen and (-webkit-device-pixel-ratio: 2) and (min-device-width: 375px) and (max-device-width: 428px) and (min-device-height: 780px) and (max-device-height: 926px) {
            .product-btn[data-v-5e660b54] {
                padding-bottom: 20px;
                background: #fff
            }
        }

        .add-wish-box[data-v-076903ec] {
            display: flex;
            margin-bottom: 40px
        }

        .add-wish-box .icon[data-v-076903ec] {
            width: 20px;
            height: 20px;
            display: block;
            background-size: contain
        }

        .add-wish-box a[data-v-076903ec] {
            display: inline-block;
            vertical-align: middle
        }

        .add-wish-box a.add-wish[data-v-076903ec] {
            color: #333;
            display: flex;
            align-items: center;
            font-size: 14px;
            gap: 16px;
            padding-right: 32px;
            margin-right: 32px;
            border-right: 1px solid #DDDDDD
        }

        .add-wish-box a.add-share[data-v-076903ec] {
            color: #333;
            display: flex;
            align-items: center;
            font-size: 14px;
            gap: 16px;
            padding-right: 32px;
            margin-right: 32px;
            border-right: 1px solid #DDDDDD
        }

        .add-wish-box a.add-share--no-border[data-v-076903ec] {
            border-right: none
        }

        .add-wish-box a.add-collect[data-v-076903ec] {
            color: #333;
            font-size: 14px;
            display: flex;
            align-items: center;
            gap: 16px
        }

        .add-wish-box a span[data-v-076903ec] {
            display: inline-block;
            font-size: 14px;
            line-height: 1;
            vertical-align: middle;
            font-weight: 500
        }

        .add-wish-box .icon-shop[data-v-076903ec] {
            background-position: -375px -96px;
            width: 15px;
            height: 15px
        }

        @media (max-width: 1024px) {
            .add-wish-box[data-v-076903ec] {
                padding: 0 20px;
                margin-bottom: 30px
            }
        }

        .product-detial[data-v-2d1a78fa] {
            margin-bottom: 25px
        }

        .product-detial .commodity-attribute[data-v-2d1a78fa] {
            border-bottom: 1px solid #e6e6e6;
            padding: 1px 20px
        }

        .product-detial .commodity-attribute[data-v-2d1a78fa]:first-child {
            border-top: 1px solid #e6e6e6
        }

        .product-detial .commodity-attribute .commodity-tit[data-v-2d1a78fa] {
            font-size: 14px;
            color: #333;
            padding: 18px 0;
            cursor: pointer;
            position: relative
        }

        .product-detial .commodity-attribute .commodity-tit i[data-v-2d1a78fa] {
            position: absolute;
            right: 0;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%)
        }

        .product-detial .commodity-attribute .commodity-con[data-v-2d1a78fa] {
            color: #151515;
            overflow: hidden;
            line-height: 20px;
            transition: 400ms ease-out
        }

        .product-detial .commodity-attribute .commodity-con-active[data-v-2d1a78fa] {
            padding-bottom: 10px
        }

        .product-detial .commodity-attribute .commodity-con__specification[data-v-2d1a78fa] {
            border: 1px solid rgba(0, 0, 0, 0.1);
            display: flex;
            flex-wrap: wrap;
            padding: 10px 14px
        }

        .product-detial .commodity-attribute .commodity-con__specification li[data-v-2d1a78fa] {
            color: rgba(0, 0, 0, 0.8);
            margin-top: 0;
            padding-left: 10px;
            width: 50%
        }

        .product-detial .commodity-attribute .commodity-con__specification li[data-v-2d1a78fa]::before {
            height: 3px;
            width: 3px
        }

        @media (max-width: 1024px) {
            .product-detial[data-v-2d1a78fa] {
                padding: 0 20px;
                margin-bottom: 27px
            }

            .product-detial .commodity-attribute[data-v-2d1a78fa] {
                padding: 0
            }

            .product-detial .commodity-attribute .commodity-tit[data-v-2d1a78fa] {
                padding-top: 11px;
                padding-bottom: 11px
            }

            .product-detial .commodity-attribute .commodity-con[data-v-2d1a78fa] {
                margin-bottom: 10px
            }

            .product-detial .commodity-attribute .commodity-con p[data-v-2d1a78fa]:first-child {
                padding-bottom: 0
            }

            .product-detial .commodity-attribute .commodity-con__specification li[data-v-2d1a78fa] {
                width: 100%
            }
        }

        .product-detial .commodity-attribute .commodity-con ul {
            padding-left: 12px;
            margin-bottom: 13px;
            margin-top: 10px
        }

        .product-detial .commodity-attribute .commodity-con ul li {
            list-style: none;
            padding-left: 8px;
            margin-top: 3px;
            position: relative
        }

        .product-detial .commodity-attribute .commodity-con ul li:first-child {
            margin-top: 0
        }

        .product-detial .commodity-attribute .commodity-con ul li:before {
            content: "";
            display: block;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: #000;
            position: absolute;
            top: 8px;
            left: 0
        }

        .article-review {
            max-width: 1130px;
            padding: 0 15px;
            margin: 0 auto 50px
        }

        .article-review .tit-review {
            text-align: center;
            position: relative;
            margin-bottom: 47px
        }

        .article-review .tit-review::before {
            content: "";
            position: absolute;
            width: 48%;
            left: 26%;
            top: 50%;
            margin-top: -.5px;
            height: 1px;
            background: #f0f0f1
        }

        .article-review .tit-review span {
            display: inline-block;
            padding: 0 40px;
            font-family: "Jost", sans-serif, sans-serif !important;
            font-weight: 500;
            font-size: 24px;
            color: #333;
            line-height: 20px;
            position: relative;
            background: #fff
        }

        .article-review .review-con .review-left {
            float: left;
            width: 45.818%;
            text-align: center
        }

        .article-review .review-con .review-left h5 {
            font-size: 14px;
            color: #333;
            line-height: 20px;
            margin-bottom: 19px
        }

        .article-review .review-con .review-left .star-box {
            margin-right: 20px
        }

        .article-review .review-con .review-left .star-box .star {
            margin-bottom: 26px
        }

        .article-review .review-con .review-left .star-box .star span {
            position: relative;
            display: inline-block;
            margin-left: 27px
        }

        .article-review .review-con .review-left .star-box .star span:first-child {
            margin-left: 0
        }

        .article-review .review-con .review-left .star-box .star span i:nth-child(2) {
            position: absolute;
            left: 0;
            top: 0
        }

        .article-review .review-con .review-left .detial-per {
            display: inline-block;
            text-align: left
        }

        .article-review .review-con .review-left .detial-per div {
            margin-bottom: 19px
        }

        .article-review .review-con .review-left .detial-per div span {
            display: inline-block;
            vertical-align: middle
        }

        .article-review .review-con .review-left .detial-per div .progress-bar {
            display: inline-block;
            position: relative;
            height: 6px;
            margin: 0 15px 0 18px
        }

        .article-review .review-con .review-left .detial-per div .progress-bar .active {
            position: absolute;
            z-index: 2;
            width: 30%;
            height: 6px;
            top: 5px;
            background: #dc1f34
        }

        .article-review .review-con .review-left .detial-per div .progress-bar .inactive {
            width: 318px;
            height: 6px;
            border: 1px solid #e6e6e6
        }

        .article-review .review-con .review-right {
            float: left;
            width: 54.182%
        }

        .article-review .review-con .review-right .review-per {
            margin-bottom: 44px
        }

        .article-review .review-con .review-right .review-per .by-per {
            margin-bottom: 22px
        }

        .article-review .review-con .review-right .review-per .by-per .star {
            float: left;
            position: relative
        }

        .article-review .review-con .review-right .review-per .by-per .star span {
            position: relative;
            display: inline-block;
            margin-right: 10px
        }

        .article-review .review-con .review-right .review-per .by-per .star span i:nth-child(2) {
            position: absolute;
            left: 0;
            top: 0
        }

        .article-review .review-con .review-right .review-per .by-per .author {
            float: right
        }

        .article-review .review-con .review-right .review-per .goods-detial {
            color: #333;
            line-height: 18px;
            margin-bottom: 12px
        }

        .article-review .review-con .review-right .review-per .goods-detial h5 {
            font-size: 12px;
            margin-bottom: 6px
        }

        .article-review .review-con .review-right .review-per .goods-detial p {
            color: #999
        }

        .article-review .review-con .review-right .review-per .goods-detial p span {
            color: #333
        }

        .article-review .review-con .review-right .review-per .goods-detial p .small-line {
            display: inline-block;
            margin: 0 8px;
            width: 0;
            height: 9px;
            border-left: 1px solid #3f3f3f;
            overflow: hidden;
            vertical-align: middle
        }

        .article-review .review-con .review-right .review-per .per-say {
            font-size: 14px;
            color: #999;
            line-height: 20px;
            padding-bottom: 10px
        }

        .article-review .review-con .review-right .review-per .per-say .goods-photo {
            font-size: 0
        }

        .article-review .review-con .review-right .review-per .say-con {
            margin-bottom: 16px;
            font-size: 12px
        }

        .article-review .review-con .review-right .review-per .feedback {
            line-height: 18px
        }

        .article-review .review-con .review-right .review-per .feedback h6 {
            float: left;
            margin-top: 2px
        }

        .article-review .review-con .review-right .review-per .feedback p {
            float: right
        }

        .article-review .review-con .review-right .review-per .feedback p span {
            cursor: pointer
        }

        .article-review .review-con .review-right .review-per .feedback p span:nth-child(2) {
            margin-left: 20px
        }

        .article-review .review-con .review-right .review-per .feedback p span i {
            font-style: normal !important
        }

        .article-review .review-con .review-right .pagination-box {
            margin-top: -26px
        }

        .article-review .review-con .review-right .pagination-box .pagination {
            display: inline-block;
            margin: 0
        }

        .article-review .no-review {
            margin-top: -17px
        }

        .article-review .no-review p {
            color: #333;
            font-size: 14px;
            text-align: center
        }

        @media (max-width: 1024px) {
            .article-review {
                padding: 0 20px;
                margin-bottom: 50px
            }

            .article-review>div .tit-review {
                margin-bottom: 20px
            }

            .article-review>div .tit-review:before {
                width: 100%;
                left: 50%;
                margin-left: -50%
            }

            .article-review>div .tit-review span {
                padding: 0 20px;
                font-size: 20px
            }

            .article-review>div .review-con .review-left {
                float: none;
                width: 100%;
                padding-bottom: 17px
            }

            .article-review>div .review-con .review-left .star-box {
                margin-right: 0
            }

            .article-review>div .review-con .review-left .star-box .star {
                margin-bottom: 17px
            }

            .article-review>div .review-con .review-left h5 {
                margin-bottom: 15px
            }

            .article-review>div .review-con .review-left .detial-per>div {
                margin-bottom: 9px
            }

            .article-review>div .review-con .review-left .detial-per>div>span:first-of-type {
                display: block;
                text-align: center
            }

            .article-review>div .review-con .review-left .detial-per>div .progress-bar {
                margin: 0 20px 0 0
            }

            .article-review>div .review-con .review-left .detial-per>div .progress-bar .inactive {
                width: 254px
            }

            .article-review>div .review-con .review-right {
                float: none;
                width: 100%
            }

            .article-review>div .review-con .review-right .review-per {
                padding-top: 20px;
                border-top: 1px solid #f0f0f1;
                margin-bottom: 20px
            }

            .article-review>div .review-con .review-right .review-per .by-per {
                margin-bottom: 17px
            }

            .article-review>div .review-con .review-right .review-per .by-per .star span {
                margin-right: 6px
            }

            .article-review>div .review-con .review-right .review-per .goods-detial h5 {
                margin-bottom: 4px
            }

            .article-review>div .review-con .review-right .review-per .per-say {
                padding-bottom: 0
            }

            .article-review>div .review-con .review-right .review-per .per-say .say-detial {
                position: relative
            }

            .article-review>div .review-con .review-right .review-per .per-say .say-detial .see-more {
                position: absolute;
                right: 0;
                bottom: -24px;
                font-size: 12px;
                color: #333;
                background-color: #fff;
                cursor: pointer;
                text-decoration: underline
            }

            .article-review>div .review-con .review-right .review-per .per-say .goods-photo {
                padding-top: 6px
            }

            .article-review>div .review-con .review-right .review-per .say-con {
                overflow: hidden
            }

            .article-review>div .review-con .review-right .review-per .feedback {
                color: #666
            }

            .article-review>div .no-review {
                margin-top: 0
            }
        }

        @media (max-width: 365px) {
            .article-review>div .review-con .review-left .detial-per>div {
                margin-bottom: 18px
            }

            .article-review>div .review-con .review-left .detial-per>div .progress-bar {
                margin-right: 5px
            }

            .article-review>div .review-con .review-left .detial-per>div .progress-bar .inactive {
                width: 210px
            }
        }

        .article-recommend {
            max-width: 1130px;
            padding: 0 15px;
            margin: 0 auto 60px
        }

        .article-recommend .tit {
            text-align: center;
            position: relative;
            margin-bottom: 30px
        }

        .article-recommend .tit::before {
            content: "";
            position: absolute;
            width: 57.3%;
            left: 50%;
            top: 50%;
            margin-top: -.5px;
            height: 1px;
            background: #e6e6e6;
            margin-left: -28.65%
        }

        .article-recommend .tit span {
            display: inline-block;
            padding: 0 40px;
            font-family: "Jost", sans-serif, sans-serif;
            font-size: 24px;
            color: #333;
            line-height: 20px;
            position: relative;
            background: #fff
        }

        .swiper-wrapper {
            display: flex
        }

        .swiper-wrapper .swiper-slide {
            width: 25%;
            flex-shrink: 0
        }

        .swiper-wrapper .swiper-slide a {
            display: block;
            text-align: center
        }

        .swiper-wrapper .swiper-slide a .title {
            font-size: 14px;
            color: #333;
            margin-top: 15px;
            line-height: 14px;
            white-space: nowrap;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            padding: 0 10px
        }

        .swiper-wrapper .swiper-slide a .detial {
            font-size: 12px;
            color: #999;
            margin-bottom: 12px;
            height: 40px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            line-height: 20px;
            padding: 0 10px
        }

        .swiper-wrapper .swiper-slide a .price {
            padding: 0 10px
        }

        .swiper-wrapper .swiper-slide a .price span {
            display: block;
            font-size: 14px;
            color: #333
        }

        .swiper-wrapper .swiper-slide a .price span:first-child {
            color: #d43232;
            margin-bottom: 4px
        }

        .swiper-wrapper .swiper-slide a .price span:last-child {
            color: #999;
            font-size: 12px;
            text-decoration: line-through
        }

        @media (max-width: 1024px) {
            .article-recommend {
                padding: 0
            }

            .article-recommend .tit:before {
                width: 90%;
                left: 50%;
                margin-left: -45%
            }

            .article-recommend .tit span {
                padding: 0 20px;
                font-size: 20px
            }

            .article-recommend .e-preferred-brand-swiper {
                overflow: hidden
            }
        }

        .pdp-collect-map .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-close {
            top: 10px;
            right: 10px;
            position: absolute
        }

        html.overflow {
            overflow: hidden
        }

        .fade-enter-active[data-v-b6b6bd76],
        .fade-leave-active[data-v-b6b6bd76] {
            transition: opacity .5s ease-in-out;
            opacity: 1
        }

        .fade-enter[data-v-b6b6bd76],
        .fade-leave-to[data-v-b6b6bd76] {
            opacity: 0
        }

        .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog {
            max-width: none
        }

        .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-close {
            position: absolute;
            top: 20px;
            right: 20px;
            cursor: pointer
        }

        .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container {
            padding: 50px 60px 10px;
            width: 840px;
            height: 613px;
            border-radius: 0
        }

        .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container h3 {
            font-family: "Jost", sans-serif, sans-serif !important;
            font-weight: 500;
            font-size: 24px;
            line-height: 1;
            text-align: center
        }

        .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .size-tab {
            margin: 36px 0 6px;
            text-align: center;
            border-bottom: 1px solid #e6e6e6
        }

        .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .size-tab li {
            display: inline-block;
            margin: 0 5px;
            padding: 8px 10px;
            font-size: 14px;
            line-height: 1;
            border-bottom: 3px solid transparent;
            cursor: pointer
        }

        .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .size-tab li.is-active {
            font-family: "Jost", sans-serif, sans-serif !important;
            font-weight: 500;
            border-color: #f0242b
        }

        @media (max-width: 1024px) {
            .size-chart-dialog {
                background: #fff
            }

            .size-chart-dialog .dialog-scroll-wrap {
                display: block;
                -webkit-transform: none !important;
                -moz-transform: none !important;
                -ms-transform: none !important;
                -o-transform: none !important;
                transform: none !important;
                -webkit-transition: none !important;
                -o-transition: none !important;
                -moz-transition: none !important;
                transition: none !important
            }

            .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container {
                display: block
            }

            .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll {
                display: block;
                height: 100%
            }

            .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div {
                height: 100%
            }

            .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog {
                margin: 0;
                height: 100%
            }

            .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-close {
                top: 21px;
                right: 10px;
                z-index: 3
            }

            .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container {
                position: relative;
                padding: 0;
                width: auto;
                height: 100%
            }

            .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container h3 {
                position: absolute;
                z-index: 2;
                padding: 0 20px;
                width: 100%;
                height: 60px;
                font-size: 16px;
                line-height: 59px;
                background: #fff;
                border-bottom: 1px solid #f0f0f1;
                text-align: left
            }

            .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .dialog-main {
                height: 100%;
                padding: 60px 20px 0
            }

            .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .dialog-main .size-chart-main {
                height: 100%
            }
        }

        .installment-popup {
            z-index: 203;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.3)
        }

        .installment-popup__wrap {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .installment-popup__container {
            padding: 40px 80px;
            background: #fff;
            box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
            width: 55%
        }

        .installment-popup__close {
            width: 24px;
            height: 24px;
            background-position: 50%;
            background-repeat: no-repeat;
            margin-bottom: 16px;
            cursor: pointer;
            left: 100%;
            position: relative
        }

        .installment-popup__heading {
            font-weight: 500;
            font-size: 32px;
            line-height: 42px;
            margin-bottom: 24px
        }

        .installment-popup__tab {
            display: flex;
            margin-bottom: 32px
        }

        .installment-popup__tab-list {
            font-size: 20px;
            line-height: 23px;
            letter-spacing: 0.1em;
            margin-right: 60px;
            padding-bottom: 4px;
            cursor: pointer
        }

        .installment-popup__tab-list--is-active {
            border-bottom: 3px solid #C10230;
            font-weight: 500
        }

        .installment-popup__list {
            display: flex;
            flex-wrap: wrap
        }

        .installment-popup__item {
            background-color: #f7f7f7;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            width: calc(25% - 32px);
            margin-bottom: 32px;
            margin-right: 32px;
            border: 1px solid #ebebeb;
            text-align: center
        }

        .installment-popup__item--is-active {
            border: 1px solid #000
        }

        .installment-popup__tenor {
            margin-bottom: 32px
        }

        .installment-popup .dialog-close {
            position: absolute;
            top: 20px;
            right: 20px
        }

        .installment-popup__info {
            font-size: 16px;
            font-weight: 500;
            display: flex;
            color: #000
        }

        .installment-popup__info-icon {
            transform: rotate(180deg);
            background-repeat: no-repeat;
            background-position: right center;
            width: 20px;
            height: 20px;
            margin-left: 8px
        }

        .tenor {
            width: 100%
        }

        .tenor__card {
            font-weight: 500;
            font-size: 20px;
            line-height: 28px;
            padding-bottom: 8px;
            margin-bottom: 16px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1)
        }

        .tenor__list {
            display: flex;
            padding-bottom: 8px;
            font-size: 16px;
            line-height: 22px
        }

        .tenor__term {
            width: 30%
        }

        .tenor__interest {
            display: block;
            font-size: 16px;
            color: rgba(0, 0, 0, 0.6)
        }

        @media (max-width: 1024px) {
            .installment-popup__container {
                width: 100%;
                height: 100%;
                padding: 20px
            }

            .installment-popup__close {
                left: calc(100% - 20px)
            }

            .installment-popup__heading {
                font-size: 32px;
                line-height: 38px
            }

            .installment-popup__tab {
                justify-content: space-around;
                margin-bottom: 24px
            }

            .installment-popup__tab-list {
                font-size: 14px;
                padding-bottom: 12px;
                line-height: 20px;
                text-align: center;
                letter-spacing: normal;
                margin-right: 0
            }

            .installment-popup__list {
                margin: 0 -8px 12px
            }

            .installment-popup__item {
                width: calc(33% - 16px);
                margin: 0 8px 12px
            }

            .installment-popup__tenor {
                max-height: 180px;
                margin-bottom: 16px;
                overflow-y: auto
            }

            .tenor__list {
                font-size: 14px;
                line-height: 20px
            }

            .tenor__interest {
                font-size: 14px
            }
        }

        .fade-enter-active,
        .fade-leave-active {
            transition: opacity .5s ease-in-out;
            opacity: 1
        }

        .fade-enter,
        .fade-leave-to {
            opacity: 0
        }

        .apps-only-popup[data-v-5073b5bb] {
            z-index: 203;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.3)
        }

        .apps-only-popup__wrap[data-v-5073b5bb] {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .apps-only-popup__container[data-v-5073b5bb] {
            padding: 60px 80px;
            background: #fff;
            box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
            max-width: 560px;
            border-radius: 8px
        }

        .apps-only-popup__close[data-v-5073b5bb] {
            width: 24px;
            height: 24px;
            background-position: 50%;
            background-repeat: no-repeat;
            margin-bottom: 16px;
            cursor: pointer;
            left: 100%;
            position: relative
        }

        .apps-only-popup__heading[data-v-5073b5bb] {
            font-weight: 500;
            font-size: 32px;
            line-height: 42px;
            margin-bottom: 24px
        }

        .apps-only-popup__detail[data-v-5073b5bb] {
            display: flex;
            flex-direction: column;
            gap: 24px
        }

        .apps-only-popup__detail p[data-v-5073b5bb] {
            font-size: 16px;
            line-height: 22px
        }

        .apps-only-popup__detail button[data-v-5073b5bb] {
            padding: 14px 16px;
            width: 100%;
            border-radius: 4px;
            background: #000;
            color: #fff;
            border: 0;
            cursor: pointer
        }

        .apps-only-popup__download[data-v-5073b5bb] {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            padding: 20px 16px;
            border-radius: 4px;
            border: 1px solid #9BC7E5;
            background: #F3F8FC
        }

        .apps-only-popup__download p[data-v-5073b5bb] {
            font-size: 14px;
            font-weight: 400;
            line-height: 19.6px;
            text-align: center;
            color: #555
        }

        .apps-only-popup__download-apps[data-v-5073b5bb] {
            display: flex;
            gap: 16px
        }

        @media (max-width: 1024px) {
            .apps-only-popup__container[data-v-5073b5bb] {
                width: 100%;
                height: 100%;
                padding: 20px 40px
            }

            .apps-only-popup__heading[data-v-5073b5bb] {
                font-size: 28px;
                line-height: 32px
            }
        }

        .fade-enter-active[data-v-5073b5bb],
        .fade-leave-active[data-v-5073b5bb] {
            transition: opacity .5s ease-in-out;
            opacity: 1
        }

        .fade-enter[data-v-5073b5bb],
        .fade-leave-to[data-v-5073b5bb] {
            opacity: 0
        }

        footer[data-v-d8953304] {
            margin-top: 40px
        }

        .footer-top[data-v-d8953304] {
            background: #f2f2f2
        }

        .footer-top-wrapper[data-v-d8953304] {
            display: flex;
            width: 1328px;
            margin: 0 auto;
            padding-top: 68px;
            padding-bottom: 60px;
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            column-gap: 4px
        }

        .footer-top .logo[data-v-d8953304] {
            grid-column: span 3
        }

        .footer-top .logo img[data-v-d8953304] {
            width: 200px
        }

        .footer-top .information[data-v-d8953304] {
            grid-column: span 2;
            display: flex;
            flex-direction: column;
            gap: 24px
        }

        .footer-top .getintouch[data-v-d8953304] {
            grid-column: span 3;
            display: flex;
            flex-direction: column;
            gap: 32px
        }

        .footer-top .getintouch .contact-us[data-v-d8953304],
        .footer-top .getintouch .complaint-service[data-v-d8953304] {
            display: flex;
            flex-direction: column
        }

        .footer-top .getintouch .contact-us[data-v-d8953304] {
            gap: 24px
        }

        .footer-top .getintouch .complaint-service[data-v-d8953304] {
            gap: 16px
        }

        .footer-top .getintouch .complaint-service__contact[data-v-d8953304] {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        .footer-top .getintouch .complaint-service__contact--mapclub[data-v-d8953304] {
            margin-bottom: 16px
        }

        .footer-top .getintouch .complaint-service__contact--mapclub a[data-v-d8953304] {
            line-height: 100% !important
        }

        .footer-top .getintouch .complaint-service__contact--mapclub p[data-v-d8953304] {
            font-size: 14px;
            font-weight: 500;
            color: rgba(0, 0, 0, 0.8);
            line-height: 140%
        }

        .footer-top .getintouch .complaint-service__contact--mapclub a[data-v-d8953304]:nth-child(1) {
            border-right: 1px solid rgba(0, 0, 0, 0.8);
            padding-right: 8px
        }

        .footer-top .getintouch .complaint-service__group[data-v-d8953304] {
            display: flex;
            flex-direction: column;
            gap: 8px
        }

        .footer-top .getintouch .complaint-service__icon-mail[data-v-d8953304] {
            padding: 4px
        }

        .footer-top .getintouch .complaint-service__icon-whatsapp[data-v-d8953304] {
            padding: 2px
        }

        .footer-top .getintouch .complaint-service__item[data-v-d8953304] {
            display: flex;
            align-items: center;
            gap: 8px
        }

        .footer-top .getintouch .complaint-service__item>a[data-v-d8953304],
        .footer-top .getintouch .complaint-service__item p[data-v-d8953304] {
            font-size: 14px;
            font-weight: 500;
            line-height: 150%;
            color: rgba(0, 0, 0, 0.8)
        }

        .footer-top .getintouch .complaint-service__item>img[data-v-d8953304] {
            width: 24px;
            height: 24px;
            object-fit: contain;
            filter: brightness(0) saturate(100%)
        }

        .footer-top .payment[data-v-d8953304] {
            grid-column: span 4;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            column-gap: 4px;
            row-gap: 32px
        }

        .footer-top .payment__bank[data-v-d8953304],
        .footer-top .payment__system[data-v-d8953304] {
            display: flex;
            flex-direction: column;
            gap: 24px;
            grid-column: span 4
        }

        .footer-top .payment__bank_img--wrapper[data-v-d8953304] {
            width: 86%;
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            column-gap: 8px;
            row-gap: 12px
        }

        .footer-top .payment__bank_img--item[data-v-d8953304] {
            width: 100%;
            height: 44px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 7px 0
        }

        .footer-top .payment__system-img--wrapper[data-v-d8953304] {
            width: fit-content;
            display: flex;
            flex-direction: column;
            gap: 12px
        }

        .footer-top .payment__system-img--item[data-v-d8953304] {
            display: flex;
            gap: 8px
        }

        .footer-top .payment__system-img--item-icon[data-v-d8953304] {
            width: 24px;
            height: 24px;
            object-fit: cover
        }

        .footer-top .payment__system-img--item-label[data-v-d8953304] {
            font-size: 14px;
            font-weight: 500;
            line-height: 140%;
            color: rgba(0, 0, 0, 0.8)
        }

        .footer-top-title[data-v-d8953304] {
            font-size: 16px;
            font-weight: 500
        }

        .footer-top-list li[data-v-d8953304] {
            display: flex;
            align-items: center;
            gap: 8px
        }

        .footer-top-list li[data-v-d8953304]:not(:first-child) {
            margin-top: 16px
        }

        .footer-top-list li>div[data-v-d8953304],
        .footer-top-list li a[data-v-d8953304] {
            color: rgba(0, 0, 0, 0.8);
            font-size: 14px;
            font-weight: 500;
            line-height: 18px;
            cursor: pointer
        }

        .footer-top-list li>img[data-v-d8953304] {
            width: 24px;
            height: 24px;
            object-fit: contain;
            padding: 4px
        }

        .footer-bottom[data-v-d8953304] {
            background: #C10230
        }

        .footer-bottom-wrapper[data-v-d8953304] {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 1328px;
            padding: 16px 0;
            margin: 0 auto
        }

        .footer-bottom-ccs[data-v-d8953304] {
            display: flex;
            flex-direction: column
        }

        .footer-bottom-ccs p[data-v-d8953304] {
            font-size: 12px;
            line-height: 18px;
            color: #fff
        }

        .footer-bottom-ccs a[data-v-d8953304] {
            display: flex;
            align-items: center;
            padding-top: 4px;
            color: #fff;
            font-size: 12px
        }

        .footer-bottom-ccs a img[data-v-d8953304] {
            padding-right: 4px
        }

        .footer-bottom .social-media ul[data-v-d8953304] {
            display: flex;
            gap: 32px;
            flex-wrap: wrap
        }

        .footer-bottom .social-media ul li[data-v-d8953304] {
            display: flex
        }

        .footer-bottom .social-media ul li>a[data-v-d8953304] {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 14px;
            font-weight: 500;
            line-height: 140%;
            color: #fff
        }

        .footer-bottom .download-apps[data-v-d8953304] {
            display: flex;
            gap: 20px
        }

        .footer-bottom .download-apps p[data-v-d8953304] {
            font-size: 14px;
            color: #fff;
            line-height: 24px
        }

        .footer-bottom .download-apps ul[data-v-d8953304] {
            display: flex;
            gap: 8px
        }

        .footer-bottom .download-apps ul li[data-v-d8953304] {
            height: 24px
        }

        .footer-bottom .download-apps ul li img[data-v-d8953304] {
            width: 100%;
            height: 100%
        }

        .footer-copyright[data-v-d8953304] {
            background: #000
        }

        .footer-copyright-wrapper[data-v-d8953304] {
            width: 1328px;
            margin: 0 auto;
            padding: 12px 0
        }

        .footer-copyright p[data-v-d8953304] {
            font-size: 12px;
            line-height: 150%;
            text-align: center;
            color: #fff
        }

        @media (max-width: 1439px) {
            .footer-top-wrapper[data-v-d8953304] {
                width: 1136px
            }

            .footer-bottom-wrapper[data-v-d8953304] {
                width: 1136px
            }

            .footer-copyright-wrapper[data-v-d8953304] {
                width: 1136px
            }
        }

        @media (min-width: 1025px) {
            .footer-top-list[data-v-d8953304] {
                display: block !important
            }

            .footer-top-title-elbow[data-v-d8953304] {
                display: none
            }

            .footer-bottom .social-media[data-v-d8953304] {
                display: flex;
                justify-content: flex-end
            }

            .footer-bottom-ccs[data-v-d8953304] {
                margin-top: 20px
            }
        }

        @media (max-width: 1024px) {
            footer[data-v-d8953304] {
                margin-top: 20px
            }

            .footer-top-wrapper[data-v-d8953304] {
                width: 100%;
                grid-template-columns: repeat(1, 1fr);
                padding: 40px 20px;
                row-gap: 32px;
                column-gap: 0
            }

            .footer-top .logo[data-v-d8953304] {
                width: 100%
            }

            .footer-top .information[data-v-d8953304],
            .footer-top .getintouch[data-v-d8953304] {
                width: 100%
            }

            .footer-top .getintouch[data-v-d8953304] {
                gap: 32px
            }

            .footer-top .getintouch .contact-us[data-v-d8953304] {
                gap: 20px
            }

            .footer-top .information[data-v-d8953304] {
                gap: 20px
            }

            .footer-top .payment[data-v-d8953304] {
                grid-template-columns: repeat(1, 1fr)
            }

            .footer-top .payment__bank_img--item[data-v-d8953304] {
                width: 100%
            }

            .footer-top .payment__bank_img--wrapper[data-v-d8953304] {
                width: 100%;
                grid-template-columns: repeat(4, 1fr)
            }

            .footer-top-title[data-v-d8953304] {
                display: flex;
                justify-content: space-between
            }

            .footer-top-title-elbow .svg-icon[data-v-d8953304] {
                filter: invert(1);
                transition: transform .3s;
                position: relative;
                bottom: 2px
            }

            .footer-top-title-elbow .svg-icon__180[data-v-d8953304] {
                transform: rotate(-180deg)
            }

            .footer-top-list[data-v-d8953304] {
                padding-top: 0
            }

            .footer-top-list>li[data-v-d8953304]:not(:first-child) {
                margin-top: 20px
            }

            .footer-bottom-wrapper[data-v-d8953304] {
                flex-direction: column;
                width: 100%;
                height: auto;
                padding: 20px;
                gap: 32px
            }

            .footer-bottom .social-media ul[data-v-d8953304] {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 20px
            }

            .footer-bottom .download-apps[data-v-d8953304] {
                flex-direction: column;
                margin: 0;
                gap: 8px
            }

            .footer-bottom .download-apps p[data-v-d8953304] {
                text-align: center;
                line-height: 16px
            }

            .footer-bottom .download-apps ul[data-v-d8953304] {
                flex-direction: row-reverse;
                justify-content: center
            }

            .footer-bottom .download-apps ul li[data-v-d8953304] {
                height: 36px
            }

            .footer-bottom .download-apps ul li[data-v-d8953304]:nth-child(1) {
                margin-left: 0
            }

            .footer-bottom-ccs[data-v-d8953304] {
                align-items: center;
                margin-top: 8px
            }

            .footer-bottom-ccs p[data-v-d8953304] {
                text-align: center
            }

            .footer-bottom-ccs a[data-v-d8953304] {
                padding-top: 8px
            }

            .footer-bottom-ccs a img[data-v-d8953304] {
                height: 20px
            }

            .footer-copyright[data-v-d8953304] {
                height: auto
            }

            .footer-copyright-wrapper[data-v-d8953304] {
                width: 100%;
                padding: 8px 20px
            }

            .fadeHeight-enter-active[data-v-d8953304],
            .fadeHeight-leave-active[data-v-d8953304] {
                transition: all .4s;
                max-height: 1000px
            }

            .fadeHeight-enter[data-v-d8953304],
            .fadeHeight-leave-to[data-v-d8953304] {
                opacity: 0;
                max-height: 0px
            }
        }

        .dialog-opacity[data-v-327ab380] {
            transition: opacity 2s ease-in-out
        }

        .dialog-opacity[data-v-327ab380] {
            background-color: rgba(0, 0, 0, 0.6);
            position: fixed;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 20;
            overflow-x: hidden;
            overflow-y: auto;
            min-width: 320px
        }

        .dialog-opacity .dialog-scroll-wrap[data-v-327ab380] {
            display: table;
            width: 100%;
            height: 100%
        }

        .dialog-opacity .dialog-scroll-container[data-v-327ab380] {
            width: 100%;
            height: 100%;
            text-align: center;
            position: relative;
            display: table-cell;
            vertical-align: middle
        }

        .dialog-opacity .dialog-scroll-container .dialog-scroll[data-v-327ab380] {
            *position: absolute;
            *top: 50%;
            *left: 50%;
            display: inline-block
        }

        .dialog-opacity .dialog-scroll-container .dialog-scroll>div[data-v-327ab380] {
            *top: -50%;
            *left: -50%;
            position: relative
        }

        .dialog-opacity .dialog-scroll-container .dialog[data-v-327ab380] {
            background-color: transparent;
            left: auto;
            position: relative;
            top: auto;
            vertical-align: middle;
            max-width: 500px;
            width: auto;
            margin: 80px 20px;
            padding: 0;
            border-radius: 0
        }

        .dialog-opacity .dialog-scroll-container .dialog-container[data-v-327ab380] {
            background-color: #fff;
            text-align: left;
            display: block;
            width: auto;
            height: auto;
            padding: 40px;
            border-radius: 4px
        }

        .dialog-opacity-transparent[data-v-327ab380] {
            background-color: transparent
        }

        .add-shopbag-tip .dialog-scroll-container .dialog-container[data-v-327ab380] {
            padding: 0;
            background-color: rgba(0, 0, 0, 0.7)
        }

        .add-shopbag-tip .dialog-content>div[data-v-327ab380] {
            padding: 47px 48px
        }

        .add-shopbag-tip .dialog-content>div p[data-v-327ab380] {
            font-size: 14px;
            color: #fff;
            position: relative
        }

        .add-shopbag-tip .dialog-content>div p i[data-v-327ab380] {
            position: absolute;
            top: 0;
            right: -25px
        }

        .add-shopbag-tip .dialog-close[data-v-327ab380] {
            display: none
        }

        .fade-enter-active[data-v-327ab380],
        .fade-leave-active[data-v-327ab380] {
            transition: opacity .5s
        }

        .fade-enter[data-v-327ab380],
        .fade-leave-to[data-v-327ab380] {
            opacity: 0
        }

        .toast-message[data-v-327ab380] {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 16px;
            transition: all .3s ease;
            color: #fff;
            font-size: 14px;
            padding: 10px 16px;
            line-height: 19px;
            position: fixed;
            top: 20%;
            left: 50%;
            transform: translateX(-50%);
            z-index: 999
        }

        .toast-message__close[data-v-327ab380] {
            background-repeat: no-repeat;
            width: 24px;
            height: 24px;
            padding-right: 16px;
            align-self: center
        }

        .slide-enter[data-v-327ab380],
        .slide-leave-to[data-v-327ab380] {
            opacity: 0;
            transform: translate(-50%, -60px)
        }

        @media (max-width: 1024px) {
            .toast-message[data-v-327ab380] {
                top: 10%;
                transform: unset;
                left: 0;
                right: 0;
                margin: 0 auto;
                width: fit-content;
                max-width: 90%
            }
        }

        .black-overlay[data-v-18fa2b9e] {
            display: block;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=68);
            filter: alpha(opacity=68);
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 150;
            background: rgba(0, 0, 0, 0.7)
        }

        .fade-enter-active[data-v-18fa2b9e],
        .fade-leave-active[data-v-18fa2b9e] {
            transition: opacity .3s ease
        }

        .fade-enter[data-v-18fa2b9e],
        .fade-leave-to[data-v-18fa2b9e] {
            opacity: 0
        }
    </style>