{"title":"loafers-eloise","description":"\u003cbody\u003e              \u003cmeta charset=\"UTF-8\"\u003e      \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e      \u003ctitle\u003eDocument\u003c\/title\u003e        \u003cstyle\u003e\n    \/* 初始化 *\/\n    body {\n      margin: 0;\n    }\n\n    .ELOISE {\n      padding: 0;\n      margin: 0;\n      box-sizing: border-box;\n      padding-bottom: 40px;\n      color: #191817;\n    }\n\n    @font-face {\n      src: url('https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf');\n    }\n\n    @font-face {\n      src: url('https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf');\n    }\n\n    @font-face {\n      font-weight: 300;\n      src: url('https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf');\n    }\n    .ELOISE .img-aspet {\n      aspect-ratio: 1920\/900;\n    }\n    .ELOISE .show-big {\n      display: block;\n    }\n\n    .ELOISE .show-small {\n      display: none;\n    }\n\n    .ELOISE img {\n      display: block;\n      width: 100%;\n      user-select: none !important;\n    }\n\n    .ELOISE p {\n      margin-block-start: 0;\n      margin-block-end: 0;\n    }\n\n    .ELOISE .space-w {\n      margin: 0 auto;\n      margin-top: 4.167vw;\n    }\n\n    .ELOISE .full-w {\n      width: 100%;\n    }\n\n    .ELOISE .title {\n      user-select: none;\n    }\n\n    .ELOISE .desc {\n      user-select: none;\n    }\n\n    \/* 1 *\/\n    .ELOISE {\n      \/* font-size:; *\/\n    }\n    .ELOISE img {\n      width: 100%;\n\n      display: block;\n    }\n\n    \/* 2 *\/\n\n    .ELOISE .common-text-area {\n      margin-bottom: 2.083vw;\n    }\n\n    .ELOISE .common-title {\n      font-size: 1.875vw;\n      line-height: 2.604vw;\n      color: #191817;\n    }\n\n    .ELOISE .common-subhead {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 24px;\n      margin-top: 8px;\n      color: #191817;\n    }\n\n    \/* 结构 *\/\n\n    .ELOISE .kara-top-banner {\n      position: relative;\n      line-height: 0;\n    }\n\n    .ELOISE .kara-top-banner .text-area {\n      position: relative;\n      text-align: center;\n      max-width: 50%;\n      margin: 10px auto 2.08vw;\n    }\n\n    .ELOISE .kara-top-banner .text-area .title {\n      font-size: 1.875vw;\n      line-height: 2.35vw;\n    }\n\n    .ELOISE .kara-top-banner .text-area .desc {\n      font-size: 1.04vw;\n      line-height: 1.25vw;\n      margin-top: 16px;\n    }\n\n    .ELOISE .trans_container {\n      display: flex;\n      margin-top: 4.167vw;\n    }\n\n    .ELOISE .trans_container .item_area {\n      width: 24.4791667vw;\n\n      \/* height: 46.875vw; *\/\n      transition: width 0.3s;\n      overflow-x: hidden;\n      position: relative;\n      cursor: pointer;\n    }\n    .ELOISE .trans_container .mask {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(0, 0, 0, 0.2);\n      display: block;\n    }\n\n  \n\n    .ELOISE .trans_container .item_area .item_image {\n      width: 44.375vw;\n      height: 100%;\n      float: left;\n      list-style: none;\n      color: #000;\n      line-height: 0;\n    }\n    .ELOISE .trans_container .active {\n      width: 44.375vw !important;\n    }\n\n    .ELOISE .trans_container .key-features-section__text {\n      position: absolute;\n      width: 100%;\n      height: 0;\n      bottom: 4.167vw;\n      left: 1.40625vw;\n      z-index: 2;\n    }\n\n    .ELOISE .trans_container .key-features-section__title {\n      margin-block-start: 0;\n      margin-block-end: 0;\n      transition: all 0.2s;\n      position: absolute;\n      \/* transition-delay: 0.1s; *\/\n      width: 100%;\n      bottom: 0;\n      font-size: 1.25vw;\n      font-weight: 600;\n      line-height: 1.465vw;\n      text-align: left;\n    }\n    .ELOISE .trans_container .key-features-section__title-copy {\n      opacity: 1;\n      transition: all 0.4s;\n      transition-delay: 0.2s;\n      font-size: 1.25vw;\n      font-weight: 500;\n      line-height: 1.465vw;\n      text-align: left;\n      position: absolute;\n      bottom: -1.465vw;\n      color: #fff;\n    }\n\n    .ELOISE .trans_container .key-features-section__title-copy--large {\n      opacity: 0;\n      position: absolute;\n      bottom: 0;\n      pointer-events: none;\n      color: #000;\n    }\n    .ELOISE .trans_container .item_area_sec {\n      color: #fff;\n    }\n    .ELOISE\n      .trans_container\n      .item_area_sec\n      .key-features-section__title-copy--large {\n      color: #fff;\n    }\n    .ELOISE .trans_container .key-features-section__description-copy {\n      \/* margin-block-start: 0;\nmargin-block-end: 0; *\/\n      opacity: 0;\n      position: relative;\n      transition: all 0.4s;\n      transition-delay: 0.2s;\n      font-size: 0.83vw;\n      font-weight: 500;\n      line-height: 0.98vw;\n      text-align: left;\n      width: 36.458vw;\n      transform: translateY(calc(100% + 5px));\n    }\n\n    .ELOISE .trans_container .active .key-features-section__title {\n      bottom: 100%;\n      \/* transition-delay: 0.4s; *\/\n    }\n    .ELOISE .trans_container .active .key-features-section__title-copy {\n      opacity: 0;\n    }\n    .ELOISE\n      .trans_container\n      .active\n      .key-features-section__title-copy--large {\n      opacity: 1;\n    }\n    .ELOISE .trans_container .active .key-features-section__description-copy {\n      opacity: 1;\n      transform: translateY(0);\n      \/* transition-delay: 0.2s; *\/\n      margin-top: 0.417vw;\n    }\n    .ELOISE\n      .trans_container\n      .active\n      .key-features-section__title-copy--large {\n      font-size: 1.667vw;\n      font-weight: 600;\n      line-height: 1.953vw;\n      text-align: left;\n    }\n\n    .ELOISE .trans_container .right-btn {\n      position: absolute;\n      left: 1.042vw;\n      top: 1.042vw;\n      z-index: 99;\n    }\n    .ELOISE .trans_container .active .right-btn {\n      display: none;\n    }\n\n    \/* .ELOISE .myswiper_container {\n      width: calc(98% - 2.08vw);\n      margin: 0 auto;\n    \n    } *\/\n\n    .ELOISE .myswiper_container img {\n      width: 100%;\n    }\n\n    .ELOISE .myswiper_container .swiper-wrapper {\n      column-gap: 20px;\n      width: 98.3%;\n    }\n    .ELOISE .myswiper_container .swiper-wrapper .swiper-slide{\n      flex: 0 0 50%;\n    }\n    .ELOISE .myswiper_container .area {\n      margin-top: 20px;\n    }\n    .ELOISE .myswiper_container .title {\n      font-size: 30px;\n      font-weight: 400;\n      line-height: 40px;\n      text-align: left;\n    }\n\n    .ELOISE .myswiper_container .desc {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 18.75px;\n      text-align: left;\n      margin-top: 8px;\n    }\n    .ELOISE .myswiper_container .swiper-scrollbar-drag {\n      border-radius: 2px;\n      -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n      background-color: #191817;\n    }\n\n    .ELOISE .myswiper_container .swiper-notification {\n      -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n      border-radius: 2px;\n      background-color: #b0b0b0;\n    }\n    .ELOISE .kara-cen {\n      position: relative;\n    }\n    .ELOISE .kara-cen .common-text-area {\n      position: absolute;\n      top: 25.15625vw;\n      left: 6.0416667vw;\n      max-width: 34.6875vw;\n    }\n    .ELOISE .kara-cen .common-text-area \u003e div {\n      color: #fff;\n    }\n\n    \/* 笔记本 *\/\n    @media screen and (min-width: 1025px) and (max-width: 1440px) {\n    \n      .ELOISE .common-text-area {\n        margin-bottom: 1.563vw;\n      }\n\n      .ELOISE .kara-top-banner {\n        position: relative;\n        line-height: 0;\n      }\n      .ELOISE .myswiper_container .area {\n        margin-top: 20px;\n      }\n      .ELOISE .myswiper_container .title {\n        font-size: 24px;\n        font-weight: 600;\n        line-height: 32px;\n        text-align: left;\n      }\n\n      .ELOISE .myswiper_container .desc {\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 18.75px;\n        text-align: left;\n        margin-top: 8px;\n      }\n    }\n    \/* 平板 *\/\n    @media screen and (min-width: 769px) and (max-width: 1024px) {\n      .ELOISE .common-text-area {\n        margin-bottom: 1.563vw;\n      }\n\n      .ELOISE .kara-top-banner {\n        position: relative;\n      }\n      .ELOISE .myswiper_container .area {\n        margin-top: 20px;\n      }\n      .ELOISE .myswiper_container .title {\n        font-size: 22px;\n        font-weight: 400;\n        line-height: 30px;\n        text-align: left;\n      }\n\n      .ELOISE .myswiper_container .desc {\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 17px;\n        text-align: left;\n        margin-top: 8px;\n      }\n    }\n    \/* 手机 *\/\n    @media screen and (max-width: 768px) {\n      \/* 初始化 *\/\n      .ELOISE {\n        padding-bottom: 10.6666667vw;\n      }\n      .ELOISE .img-aspet {\n        aspect-ratio: 375\/550;\n      }\n\n      .ELOISE .show-big {\n        display: none !important;\n      }\n\n      .ELOISE .show-small {\n        display: block;\n      }\n\n      .ELOISE .show-no-small {\n        display: none;\n      }\n\n      .ELOISE .space-w {\n        margin-top: 10.67vw;\n        width: calc(100% - 10.6666667vw);\n      }\n\n      .ELOISE .common-text-area {\n        margin-bottom: 5.333vw;\n      }\n\n      .ELOISE .common-title {\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n      }\n\n      .ELOISE .common-subhead {\n        font-size: 3.733vw;\n        line-height: 4.8vw;\n        margin-top: 1.0666vw;\n      }\n\n      \/* 结构 *\/\n\n      .ELOISE .kara-top-banner {\n        position: relative;\n      }\n\n      .ELOISE .kara-top-banner .text-area {\n        max-width: 84%;\n        margin: 10px auto 5.33vw;\n      }\n\n      .ELOISE .kara-top-banner .text-area .title {\n        font-size: 5.33vw;\n        line-height: 7.264vw;\n      }\n\n      .ELOISE .kara-top-banner .text-area .desc {\n        font-size: 3.2vw;\n        line-height: 3.75vw;\n        margin-top: 10px;\n      }\n\n      .ELOISE .trans_container {\n        display: flex;\n        flex-direction: column-reverse;\n        margin-top: 10.667vw;\n        padding: 0 5.3333333vw;\n      }\n      .ELOISE .trans_container .active {\n        width: 89.3333333vw !important;\n        height: 82.1333334vw !important;\n      }\n\n      \/* .ELOISE .trans_container .active .key-features-section__text{\n        bottom: 10.6666667vw;\n      } *\/\n      .ELOISE .trans_container .item_area .item_image {\n        width: 89.3333333vw !important;\n        aspect-ratio: 335\/308;\n        height: unset;\n      }\n\n      .ELOISE .trans_container .item_area {\n        transition: height 0.3s;\n        width: 100% !important;\n        height: 26.1333333vw;\n        overflow: hidden;\n      }\n\n      \/* .ELOISE .trans_container .key-features-section__title {\n        width: 53.333vw !important;\n      } *\/\n\n      .ELOISE .trans_container .key-features-section__title-copy {\n        font-size: 5.333vw;\n        font-weight: 500;\n        line-height: 6.251vw;\n        text-align: left;\n        margin-top: 1.067vw;\n        color: #fff;\n        transition: all 0s;\n        transition-delay: 0s;\n      }\n      .ELOISE .trans_container .active .key-features-section__title-copy {\n        font-size: 5.333vw;\n        font-weight: 600;\n        line-height: 6.251vw;\n        text-align: left;\n        margin-top: 1.067vw;\n        color: #000;\n        transition: all 0s;\n        transition-delay: 0s;\n      }\n      .ELOISE .trans_container .key-features-section__description-copy {\n        font-size: 3.733vw;\n        font-weight: 400;\n        line-height: 4.376vw;\n        width: 78.667vw;\n        text-align: left;\n      }\n      .ELOISE\n        .trans_container\n        .active\n        .key-features-section__description-copy {\n        font-size: 3.2vw;\n        font-weight: 500;\n        line-height: 4.376vw;\n        width: 78.667vw;\n        text-align: left;\n        margin-top: 4px;\n      }\n      .ELOISE .trans_container .key-features-section__text {\n        left: 5.33vw;\n        bottom: 5.33vw;\n        height: auto;\n        max-width: 80%;\n        z-index: 2;\n      }\n      .ELOISE .trans_container .item_area_fir .key-features-section__text {\n        height: auto;\n      }\n      .ELOISE .trans_container .item_area_sec .key-features-section__text {\n        height: auto;\n      }\n      .ELOISE .trans_container .item_area_thr .key-features-section__text {\n        height: auto;\n      }\n\n      .ELOISE .trans_container .item_area_sec {\n        \/* color: unset; *\/\n      }\n      .ELOISE\n        .trans_container\n        .item_area_sec\n        .key-features-section__title-copy--large {\n        color: unset;\n      }\n\n      .ELOISE .trans_container .right-btn {\n        position: absolute;\n        left: unset;\n        top: unset;\n        bottom: 5.333vw;\n        right: 5.333vw;\n        width: 6.4vw;\n        height: 6.4vw;\n      }\n\n      .ELOISE .kara-cen {\n        position: static;\n        width: 100% !important;\n      }\n      .ELOISE .kara-cen .common-text-area {\n        max-width: 100%;\n        position: static;\n        background: rgba(250, 247, 242, 1);\n        padding: 10.6666667vw 5.3333333vw;\n      }\n      .ELOISE .kara-cen .common-title {\n        color: #191817;\n        text-align: center;\n      }\n      .ELOISE .kara-cen .common-subhead {\n        color: rgba(25, 24, 23, 0.8);\n        margin-top: 2.6666667vw;\n        text-align: center;\n      }\n      .ELOISE .myswiper_container {\n        width: 100% !important;\n      }\n      .ELOISE .myswiper_container .swiper-wrapper {\n        padding: 0 5.333vw;\n        width: 100%;\n        box-sizing: border-box;\n        gap: 17px;\n        overflow-x: scroll;\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n        -webkit-overflow-scrolling: touch;\n      }\n      .ELOISE .myswiper_container .swiper-wrapper::-webkit-scrollbar {\n        display: none;\n      }\n      .ELOISE .myswiper_container .swiper-wrapper .swiper-slide {\n        flex: 0 0 80vw;\n       \n      }\n      .ELOISE .myswiper_container .area {\n        margin-top: 2.6666667vw;\n      }\n      .ELOISE .myswiper_container .title {\n        font-size: 4.2666667vw;\n        font-weight: 400;\n        line-height: 5.8106667vw;\n        text-align: left;\n      }\n\n      .ELOISE .myswiper_container .desc {\n        font-size: 2.6666667vw;\n        font-weight: 400;\n        line-height: 3.1253333vw;\n        text-align: left;\n\n        margin-top: 1.6vw;\n      }\n      .ELOISE .kara-three-area {\n        width: 100% !important;\n      }\n    }\n\n    .myswiper_container .swiper-scrollbar {\n      height: 3px;\n      left: 0;\n    }\n    .myswiper_container .swiper-scrollbar-drag {\n      border-radius: 2px;\n      -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n      background-color: #191817;\n    }\n\n    .myswiper_container .swiper-notification {\n      -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n      border-radius: 2px;\n      background-color: #b0b0b0;\n    }\n    .ELOISE .kara-cen .common-text-area \u003e div {\n      color: #191817;\n    }\n  \u003c\/style\u003e          \u003cdiv class=\"ELOISE\"\u003e          \u003cdiv class=\"kara-top-banner\"\u003e              \u003cpicture\u003e                  \u003csource srcset=\"\n            https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%202062.jpg?imresize=750x1100           \" media=\"(max-width:768px)\"\u003e         \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/image-40.jpg?imresize=2880x1350\" alt=\"VIVAIA\" class=\"img-aspet\"\u003e\u003c\/picture\u003e          \u003c\/div\u003e            \u003cdiv class=\"trans_container\"\u003e              \u003cdiv class=\"item_area active item_area_fir\"\u003e                  \u003cdiv class=\"mask\" style=\"display: none\"\u003e\u003c\/div\u003e                  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e                      \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e                      \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e                  \u003c\/svg\u003e                  \u003cdiv class=\"item_image\"\u003e                      \u003cpicture\u003e                          \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%206468888.jpg?imresize=710x652               \" media=\"(max-width:768px)\"\u003e             \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%2013477.jpg?imresize=1257x1155\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"key-features-section__text\"\u003e                      \u003cdiv class=\"key-features-section__title\"\u003e                          \u003cp class=\"key-features-section__title-copy\"\u003e4mm heel pad\u003c\/p\u003e                          \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e             4mm heel pad             \u003c\/p\u003e                      \u003c\/div\u003e                      \u003cp class=\"key-features-section__description-copy show-big\"\u003e             It is stable and soft, and prevents blisters.           \u003c\/p\u003e                      \u003cp class=\"key-features-section__description-copy show-small\"\u003e             It is stable and soft, and prevents blisters.           \u003c\/p\u003e                  \u003c\/div\u003e                          \u003c\/div\u003e              \u003cdiv class=\"item_area\"\u003e                  \u003cdiv class=\"mask mask_sec\"\u003e\u003c\/div\u003e                  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e                      \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e                      \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e                  \u003c\/svg\u003e                  \u003cdiv class=\"item_image\"\u003e                      \u003cpicture\u003e                          \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%206441111.jpg?imresize=710x652               \" media=\"(max-width:768px)\"\u003e             \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%2013478.jpg?imresize=1257x1155\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"key-features-section__text\"\u003e                      \u003cdiv class=\"key-features-section__title\"\u003e                          \u003cp class=\"key-features-section__title-copy\"\u003e               Classic penny loafer design             \u003c\/p\u003e                          \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e               Classic\u003cbr\u003ePenny Loafer Design             \u003c\/p\u003e                      \u003c\/div\u003e                      \u003cp class=\"key-features-section__description-copy show-big\"\u003e             Classic and elegant design that is durable and breathable           \u003c\/p\u003e                      \u003cp class=\"key-features-section__description-copy show-small\"\u003e             Classic and elegant design that is durable and breathable           \u003c\/p\u003e                  \u003c\/div\u003e              \u003c\/div\u003e              \u003cdiv class=\"item_area item_area_thr\"\u003e                  \u003cdiv class=\"mask\"\u003e\u003c\/div\u003e                  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e                      \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e                      \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e                  \u003c\/svg\u003e                  \u003cdiv class=\"item_image\"\u003e                      \u003cpicture\u003e                          \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%20690999.jpg?imresize=710x652               \" media=\"(max-width:768px)\"\u003e             \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%2013479.jpg?imresize=1257x1155\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"key-features-section__text\"\u003e                      \u003cdiv class=\"key-features-section__title\"\u003e                          \u003cp class=\"key-features-section__title-copy\"\u003eFlexible upper\u003c\/p\u003e                          \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e               Flexible upper             \u003c\/p\u003e                      \u003c\/div\u003e                      \u003cp class=\"key-features-section__description-copy show-big\"\u003e             The soft, high quality material fits most foot shapes.           \u003c\/p\u003e                      \u003cp class=\"key-features-section__description-copy show-small\"\u003e             The soft, high quality material fits most foot shapes.           \u003c\/p\u003e                  \u003c\/div\u003e              \u003c\/div\u003e          \u003c\/div\u003e            \u003cdiv class=\"kara-three-area space-w\"\u003e              \u003cpicture\u003e                  \u003csource srcset=\"\n            https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568479_1.jpg?v=1723785431           \" media=\"(max-width:768px)\"\u003e         \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568389.jpg?v=1723531723\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e          \u003c\/div\u003e                  \u003c\/div\u003e              \u003cscript\u003e\n    const videoList = [\n      {\n        src: 'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_PC.mp4',\n        poster:\n          'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-pc.jpg',\n        poster_m:\n          'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-m.jpg',\n        src_m:\n          'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_M.mp4',\n      },\n    ];\n\n    function setVideo() {\n      document.querySelectorAll('.ELOISE .videos') \u0026\u0026\n        document.querySelectorAll('.ELOISE .videos').forEach((v) =\u003e {\n          v.setAttribute('playsinline', true);\n          v.setAttribute('webkit-playsinline', true);\n        });\n      document.querySelectorAll('.ELOISE .myVideo') \u0026\u0026\n        document.querySelectorAll('.ELOISE .myVideo').forEach((v) =\u003e {\n          if (v.getAttribute('data-index')) {\n            const index = v.getAttribute('data-index');\n            if (window.innerWidth \u003e 768) {\n              v.poster = videoList[index].poster;\n              v.innerHTML = `\u003csource\n          src=\"${videoList[index].src}\"\n          type=\"video\/mp4\"\n        \/\u003e`;\n            } else {\n              v.poster = videoList[index].poster_m;\n              v.innerHTML = `\u003csource\n          src=\"${videoList[index].src_m}\"\"\n          type=\"video\/mp4\"\n        \/\u003e`;\n            }\n          }\n        });\n    }\n    setVideo();\n\n    function cli_act() {\n      const key_features = document.querySelectorAll('.item_area');\n\n      key_features.forEach((e) =\u003e {\n        e.addEventListener('click', function () {\n          remove();\n          this.classList.add('active');\n          if (e.querySelector('video')) {\n            e.querySelector('video').play();\n          }\n          this.querySelector('.mask').style.display = 'none';\n        });\n      });\n      function remove() {\n        key_features.forEach((e) =\u003e {\n          e.classList.remove('active');\n          let videos = document.querySelectorAll('.item_area video');\n          videos.forEach((video) =\u003e {\n            video.pause();\n          });\n          e.querySelector('.mask').style.display = 'block';\n        });\n      }\n    }\n\n    cli_act();\n  \u003c\/script\u003e      \u003c\/body\u003e","products":[{"product_id":"loafers-eloise-metallicleopard","title":"[Eloise] Almond toe Penny Loafers","description":"\u003cbody\u003e              \u003cmeta charset=\"UTF-8\"\u003e      \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e      \u003ctitle\u003eDocument\u003c\/title\u003e        \u003cstyle\u003e\n    \/* 初始化 *\/\n    body {\n      margin: 0;\n    }\n\n    .ELOISE {\n      padding: 0;\n      margin: 0;\n      box-sizing: border-box;\n      padding-bottom: 40px;\n      color: #191817;\n    }\n\n    @font-face {\n      src: url('https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf');\n    }\n\n    @font-face {\n      src: url('https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf');\n    }\n\n    @font-face {\n      font-weight: 300;\n      src: url('https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf');\n    }\n    .ELOISE .img-aspet {\n      aspect-ratio: 1920\/900;\n    }\n    .ELOISE .show-big {\n      display: block;\n    }\n\n    .ELOISE .show-small {\n      display: none;\n    }\n\n    .ELOISE img {\n      display: block;\n      width: 100%;\n      user-select: none !important;\n    }\n\n    .ELOISE p {\n      margin-block-start: 0;\n      margin-block-end: 0;\n    }\n\n    .ELOISE .space-w {\n      margin: 0 auto;\n      margin-top: 4.167vw;\n    }\n\n    .ELOISE .full-w {\n      width: 100%;\n    }\n\n    .ELOISE .title {\n      user-select: none;\n    }\n\n    .ELOISE .desc {\n      user-select: none;\n    }\n\n    \/* 1 *\/\n    .ELOISE {\n      \/* font-size:; *\/\n    }\n    .ELOISE img {\n      width: 100%;\n\n      display: block;\n    }\n\n    \/* 2 *\/\n\n    .ELOISE .common-text-area {\n      margin-bottom: 2.083vw;\n    }\n\n    .ELOISE .common-title {\n      font-size: 1.875vw;\n      line-height: 2.604vw;\n      color: #191817;\n    }\n\n    .ELOISE .common-subhead {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 24px;\n      margin-top: 8px;\n      color: #191817;\n    }\n\n    \/* 结构 *\/\n\n    .ELOISE .kara-top-banner {\n      position: relative;\n      line-height: 0;\n    }\n\n    .ELOISE .kara-top-banner .text-area {\n      position: relative;\n      text-align: center;\n      max-width: 50%;\n      margin: 10px auto 2.08vw;\n    }\n\n    .ELOISE .kara-top-banner .text-area .title {\n      font-size: 1.875vw;\n      line-height: 2.35vw;\n    }\n\n    .ELOISE .kara-top-banner .text-area .desc {\n      font-size: 1.04vw;\n      line-height: 1.25vw;\n      margin-top: 16px;\n    }\n\n    .ELOISE .trans_container {\n      display: flex;\n      margin-top: 4.167vw;\n    }\n\n    .ELOISE .trans_container .item_area {\n      width: 24.4791667vw;\n\n      \/* height: 46.875vw; *\/\n      transition: width 0.3s;\n      overflow-x: hidden;\n      position: relative;\n      cursor: pointer;\n    }\n    .ELOISE .trans_container .mask {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(0, 0, 0, 0.2);\n      display: block;\n    }\n\n  \n\n    .ELOISE .trans_container .item_area .item_image {\n      width: 44.375vw;\n      height: 100%;\n      float: left;\n      list-style: none;\n      color: #000;\n      line-height: 0;\n    }\n    .ELOISE .trans_container .active {\n      width: 44.375vw !important;\n    }\n\n    .ELOISE .trans_container .key-features-section__text {\n      position: absolute;\n      width: 100%;\n      height: 0;\n      bottom: 4.167vw;\n      left: 1.40625vw;\n      z-index: 2;\n    }\n\n    .ELOISE .trans_container .key-features-section__title {\n      margin-block-start: 0;\n      margin-block-end: 0;\n      transition: all 0.2s;\n      position: absolute;\n      \/* transition-delay: 0.1s; *\/\n      width: 100%;\n      bottom: 0;\n      font-size: 1.25vw;\n      font-weight: 600;\n      line-height: 1.465vw;\n      text-align: left;\n    }\n    .ELOISE .trans_container .key-features-section__title-copy {\n      opacity: 1;\n      transition: all 0.4s;\n      transition-delay: 0.2s;\n      font-size: 1.25vw;\n      font-weight: 500;\n      line-height: 1.465vw;\n      text-align: left;\n      position: absolute;\n      bottom: -1.465vw;\n      color: #fff;\n    }\n\n    .ELOISE .trans_container .key-features-section__title-copy--large {\n      opacity: 0;\n      position: absolute;\n      bottom: 0;\n      pointer-events: none;\n      color: #000;\n    }\n    .ELOISE .trans_container .item_area_sec {\n      color: #fff;\n    }\n    .ELOISE\n      .trans_container\n      .item_area_sec\n      .key-features-section__title-copy--large {\n      color: #fff;\n    }\n    .ELOISE .trans_container .key-features-section__description-copy {\n      \/* margin-block-start: 0;\nmargin-block-end: 0; *\/\n      opacity: 0;\n      position: relative;\n      transition: all 0.4s;\n      transition-delay: 0.2s;\n      font-size: 0.83vw;\n      font-weight: 500;\n      line-height: 0.98vw;\n      text-align: left;\n      width: 36.458vw;\n      transform: translateY(calc(100% + 5px));\n    }\n\n    .ELOISE .trans_container .active .key-features-section__title {\n      bottom: 100%;\n      \/* transition-delay: 0.4s; *\/\n    }\n    .ELOISE .trans_container .active .key-features-section__title-copy {\n      opacity: 0;\n    }\n    .ELOISE\n      .trans_container\n      .active\n      .key-features-section__title-copy--large {\n      opacity: 1;\n    }\n    .ELOISE .trans_container .active .key-features-section__description-copy {\n      opacity: 1;\n      transform: translateY(0);\n      \/* transition-delay: 0.2s; *\/\n      margin-top: 0.417vw;\n    }\n    .ELOISE\n      .trans_container\n      .active\n      .key-features-section__title-copy--large {\n      font-size: 1.667vw;\n      font-weight: 600;\n      line-height: 1.953vw;\n      text-align: left;\n    }\n\n    .ELOISE .trans_container .right-btn {\n      position: absolute;\n      left: 1.042vw;\n      top: 1.042vw;\n      z-index: 99;\n    }\n    .ELOISE .trans_container .active .right-btn {\n      display: none;\n    }\n\n    \/* .ELOISE .myswiper_container {\n      width: calc(98% - 2.08vw);\n      margin: 0 auto;\n    \n    } *\/\n\n    .ELOISE .myswiper_container img {\n      width: 100%;\n    }\n\n    .ELOISE .myswiper_container .swiper-wrapper {\n      column-gap: 20px;\n      width: 98.3%;\n    }\n    .ELOISE .myswiper_container .swiper-wrapper .swiper-slide{\n      flex: 0 0 50%;\n    }\n    .ELOISE .myswiper_container .area {\n      margin-top: 20px;\n    }\n    .ELOISE .myswiper_container .title {\n      font-size: 30px;\n      font-weight: 400;\n      line-height: 40px;\n      text-align: left;\n    }\n\n    .ELOISE .myswiper_container .desc {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 18.75px;\n      text-align: left;\n      margin-top: 8px;\n    }\n    .ELOISE .myswiper_container .swiper-scrollbar-drag {\n      border-radius: 2px;\n      -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n      background-color: #191817;\n    }\n\n    .ELOISE .myswiper_container .swiper-notification {\n      -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n      border-radius: 2px;\n      background-color: #b0b0b0;\n    }\n    .ELOISE .kara-cen {\n      position: relative;\n    }\n    .ELOISE .kara-cen .common-text-area {\n      position: absolute;\n      top: 25.15625vw;\n      left: 6.0416667vw;\n      max-width: 34.6875vw;\n    }\n    .ELOISE .kara-cen .common-text-area \u003e div {\n      color: #fff;\n    }\n\n    \/* 笔记本 *\/\n    @media screen and (min-width: 1025px) and (max-width: 1440px) {\n    \n      .ELOISE .common-text-area {\n        margin-bottom: 1.563vw;\n      }\n\n      .ELOISE .kara-top-banner {\n        position: relative;\n        line-height: 0;\n      }\n      .ELOISE .myswiper_container .area {\n        margin-top: 20px;\n      }\n      .ELOISE .myswiper_container .title {\n        font-size: 24px;\n        font-weight: 600;\n        line-height: 32px;\n        text-align: left;\n      }\n\n      .ELOISE .myswiper_container .desc {\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 18.75px;\n        text-align: left;\n        margin-top: 8px;\n      }\n    }\n    \/* 平板 *\/\n    @media screen and (min-width: 769px) and (max-width: 1024px) {\n      .ELOISE .common-text-area {\n        margin-bottom: 1.563vw;\n      }\n\n      .ELOISE .kara-top-banner {\n        position: relative;\n      }\n      .ELOISE .myswiper_container .area {\n        margin-top: 20px;\n      }\n      .ELOISE .myswiper_container .title {\n        font-size: 22px;\n        font-weight: 400;\n        line-height: 30px;\n        text-align: left;\n      }\n\n      .ELOISE .myswiper_container .desc {\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 17px;\n        text-align: left;\n        margin-top: 8px;\n      }\n    }\n    \/* 手机 *\/\n    @media screen and (max-width: 768px) {\n      \/* 初始化 *\/\n      .ELOISE {\n        padding-bottom: 10.6666667vw;\n      }\n      .ELOISE .img-aspet {\n        aspect-ratio: 375\/550;\n      }\n\n      .ELOISE .show-big {\n        display: none !important;\n      }\n\n      .ELOISE .show-small {\n        display: block;\n      }\n\n      .ELOISE .show-no-small {\n        display: none;\n      }\n\n      .ELOISE .space-w {\n        margin-top: 10.67vw;\n        width: calc(100% - 10.6666667vw);\n      }\n\n      .ELOISE .common-text-area {\n        margin-bottom: 5.333vw;\n      }\n\n      .ELOISE .common-title {\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n      }\n\n      .ELOISE .common-subhead {\n        font-size: 3.733vw;\n        line-height: 4.8vw;\n        margin-top: 1.0666vw;\n      }\n\n      \/* 结构 *\/\n\n      .ELOISE .kara-top-banner {\n        position: relative;\n      }\n\n      .ELOISE .kara-top-banner .text-area {\n        max-width: 84%;\n        margin: 10px auto 5.33vw;\n      }\n\n      .ELOISE .kara-top-banner .text-area .title {\n        font-size: 5.33vw;\n        line-height: 7.264vw;\n      }\n\n      .ELOISE .kara-top-banner .text-area .desc {\n        font-size: 3.2vw;\n        line-height: 3.75vw;\n        margin-top: 10px;\n      }\n\n      .ELOISE .trans_container {\n        display: flex;\n        flex-direction: column-reverse;\n        margin-top: 10.667vw;\n        padding: 0 5.3333333vw;\n      }\n      .ELOISE .trans_container .active {\n        width: 89.3333333vw !important;\n        height: 82.1333334vw !important;\n      }\n\n      \/* .ELOISE .trans_container .active .key-features-section__text{\n        bottom: 10.6666667vw;\n      } *\/\n      .ELOISE .trans_container .item_area .item_image {\n        width: 89.3333333vw !important;\n        aspect-ratio: 335\/308;\n        height: unset;\n      }\n\n      .ELOISE .trans_container .item_area {\n        transition: height 0.3s;\n        width: 100% !important;\n        height: 26.1333333vw;\n        overflow: hidden;\n      }\n\n      \/* .ELOISE .trans_container .key-features-section__title {\n        width: 53.333vw !important;\n      } *\/\n\n      .ELOISE .trans_container .key-features-section__title-copy {\n        font-size: 5.333vw;\n        font-weight: 500;\n        line-height: 6.251vw;\n        text-align: left;\n        margin-top: 1.067vw;\n        color: #fff;\n        transition: all 0s;\n        transition-delay: 0s;\n      }\n      .ELOISE .trans_container .active .key-features-section__title-copy {\n        font-size: 5.333vw;\n        font-weight: 600;\n        line-height: 6.251vw;\n        text-align: left;\n        margin-top: 1.067vw;\n        color: #000;\n        transition: all 0s;\n        transition-delay: 0s;\n      }\n      .ELOISE .trans_container .key-features-section__description-copy {\n        font-size: 3.733vw;\n        font-weight: 400;\n        line-height: 4.376vw;\n        width: 78.667vw;\n        text-align: left;\n      }\n      .ELOISE\n        .trans_container\n        .active\n        .key-features-section__description-copy {\n        font-size: 3.2vw;\n        font-weight: 500;\n        line-height: 4.376vw;\n        width: 78.667vw;\n        text-align: left;\n        margin-top: 4px;\n      }\n      .ELOISE .trans_container .key-features-section__text {\n        left: 5.33vw;\n        bottom: 5.33vw;\n        height: auto;\n        max-width: 80%;\n        z-index: 2;\n      }\n      .ELOISE .trans_container .item_area_fir .key-features-section__text {\n        height: auto;\n      }\n      .ELOISE .trans_container .item_area_sec .key-features-section__text {\n        height: auto;\n      }\n      .ELOISE .trans_container .item_area_thr .key-features-section__text {\n        height: auto;\n      }\n\n      .ELOISE .trans_container .item_area_sec {\n        \/* color: unset; *\/\n      }\n      .ELOISE\n        .trans_container\n        .item_area_sec\n        .key-features-section__title-copy--large {\n        color: unset;\n      }\n\n      .ELOISE .trans_container .right-btn {\n        position: absolute;\n        left: unset;\n        top: unset;\n        bottom: 5.333vw;\n        right: 5.333vw;\n        width: 6.4vw;\n        height: 6.4vw;\n      }\n\n      .ELOISE .kara-cen {\n        position: static;\n        width: 100% !important;\n      }\n      .ELOISE .kara-cen .common-text-area {\n        max-width: 100%;\n        position: static;\n        background: rgba(250, 247, 242, 1);\n        padding: 10.6666667vw 5.3333333vw;\n      }\n      .ELOISE .kara-cen .common-title {\n        color: #191817;\n        text-align: center;\n      }\n      .ELOISE .kara-cen .common-subhead {\n        color: rgba(25, 24, 23, 0.8);\n        margin-top: 2.6666667vw;\n        text-align: center;\n      }\n      .ELOISE .myswiper_container {\n        width: 100% !important;\n      }\n      .ELOISE .myswiper_container .swiper-wrapper {\n        padding: 0 5.333vw;\n        width: 100%;\n        box-sizing: border-box;\n        gap: 17px;\n        overflow-x: scroll;\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n        -webkit-overflow-scrolling: touch;\n      }\n      .ELOISE .myswiper_container .swiper-wrapper::-webkit-scrollbar {\n        display: none;\n      }\n      .ELOISE .myswiper_container .swiper-wrapper .swiper-slide {\n        flex: 0 0 80vw;\n       \n      }\n      .ELOISE .myswiper_container .area {\n        margin-top: 2.6666667vw;\n      }\n      .ELOISE .myswiper_container .title {\n        font-size: 4.2666667vw;\n        font-weight: 400;\n        line-height: 5.8106667vw;\n        text-align: left;\n      }\n\n      .ELOISE .myswiper_container .desc {\n        font-size: 2.6666667vw;\n        font-weight: 400;\n        line-height: 3.1253333vw;\n        text-align: left;\n\n        margin-top: 1.6vw;\n      }\n      .ELOISE .kara-three-area {\n        width: 100% !important;\n      }\n    }\n\n    .myswiper_container .swiper-scrollbar {\n      height: 3px;\n      left: 0;\n    }\n    .myswiper_container .swiper-scrollbar-drag {\n      border-radius: 2px;\n      -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n      background-color: #191817;\n    }\n\n    .myswiper_container .swiper-notification {\n      -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n      border-radius: 2px;\n      background-color: #b0b0b0;\n    }\n    .ELOISE .kara-cen .common-text-area \u003e div {\n      color: #191817;\n    }\n  \u003c\/style\u003e          \u003cdiv class=\"ELOISE\"\u003e          \u003cdiv class=\"kara-top-banner\"\u003e              \u003cpicture\u003e                  \u003csource srcset=\"\n            https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%202062.jpg?imresize=750x1100           \" media=\"(max-width:768px)\"\u003e         \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/image-40.jpg?imresize=2880x1350\" alt=\"VIVAIA\" class=\"img-aspet\"\u003e\u003c\/picture\u003e          \u003c\/div\u003e            \u003cdiv class=\"trans_container\"\u003e              \u003cdiv class=\"item_area active item_area_fir\"\u003e                  \u003cdiv class=\"mask\" style=\"display: none\"\u003e\u003c\/div\u003e                  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e                      \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e                      \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e                  \u003c\/svg\u003e                  \u003cdiv class=\"item_image\"\u003e                      \u003cpicture\u003e                          \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%206468888.jpg?imresize=710x652               \" media=\"(max-width:768px)\"\u003e             \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%2013477.jpg?imresize=1257x1155\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"key-features-section__text\"\u003e                      \u003cdiv class=\"key-features-section__title\"\u003e                          \u003cp class=\"key-features-section__title-copy\"\u003e4mm heel pad\u003c\/p\u003e                          \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e             4mm heel pad             \u003c\/p\u003e                      \u003c\/div\u003e                      \u003cp class=\"key-features-section__description-copy show-big\"\u003e             It is stable and soft, and prevents blisters.           \u003c\/p\u003e                      \u003cp class=\"key-features-section__description-copy show-small\"\u003e             It is stable and soft, and prevents blisters.           \u003c\/p\u003e                  \u003c\/div\u003e                          \u003c\/div\u003e              \u003cdiv class=\"item_area\"\u003e                  \u003cdiv class=\"mask mask_sec\"\u003e\u003c\/div\u003e                  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e                      \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e                      \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e                  \u003c\/svg\u003e                  \u003cdiv class=\"item_image\"\u003e                      \u003cpicture\u003e                          \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%206441111.jpg?imresize=710x652               \" media=\"(max-width:768px)\"\u003e             \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%2013478.jpg?imresize=1257x1155\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"key-features-section__text\"\u003e                      \u003cdiv class=\"key-features-section__title\"\u003e                          \u003cp class=\"key-features-section__title-copy\"\u003e               Classic penny loafer design             \u003c\/p\u003e                          \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e               Classic\u003cbr\u003ePenny Loafer Design             \u003c\/p\u003e                      \u003c\/div\u003e                      \u003cp class=\"key-features-section__description-copy show-big\"\u003e             Classic and elegant design that is durable and breathable           \u003c\/p\u003e                      \u003cp class=\"key-features-section__description-copy show-small\"\u003e             Classic and elegant design that is durable and breathable           \u003c\/p\u003e                  \u003c\/div\u003e              \u003c\/div\u003e              \u003cdiv class=\"item_area item_area_thr\"\u003e                  \u003cdiv class=\"mask\"\u003e\u003c\/div\u003e                  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e                      \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e                      \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e                  \u003c\/svg\u003e                  \u003cdiv class=\"item_image\"\u003e                      \u003cpicture\u003e                          \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%20690999.jpg?imresize=710x652               \" media=\"(max-width:768px)\"\u003e             \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%2013479.jpg?imresize=1257x1155\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"key-features-section__text\"\u003e                      \u003cdiv class=\"key-features-section__title\"\u003e                          \u003cp class=\"key-features-section__title-copy\"\u003eFlexible upper\u003c\/p\u003e                          \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e               Flexible upper             \u003c\/p\u003e                      \u003c\/div\u003e                      \u003cp class=\"key-features-section__description-copy show-big\"\u003e             The soft, high quality material fits most foot shapes.           \u003c\/p\u003e                      \u003cp class=\"key-features-section__description-copy show-small\"\u003e             The soft, high quality material fits most foot shapes.           \u003c\/p\u003e                  \u003c\/div\u003e              \u003c\/div\u003e          \u003c\/div\u003e            \u003cdiv class=\"kara-three-area space-w\"\u003e              \u003cpicture\u003e                  \u003csource srcset=\"\n            https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568479_1.jpg?v=1723785431           \" media=\"(max-width:768px)\"\u003e         \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568389.jpg?v=1723531723\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e          \u003c\/div\u003e                  \u003c\/div\u003e              \u003cscript\u003e\n    const videoList = [\n      {\n        src: 'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_PC.mp4',\n        poster:\n          'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-pc.jpg',\n        poster_m:\n          'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-m.jpg',\n        src_m:\n          'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_M.mp4',\n      },\n    ];\n\n    function setVideo() {\n      document.querySelectorAll('.ELOISE .videos') \u0026\u0026\n        document.querySelectorAll('.ELOISE .videos').forEach((v) =\u003e {\n          v.setAttribute('playsinline', true);\n          v.setAttribute('webkit-playsinline', true);\n        });\n      document.querySelectorAll('.ELOISE .myVideo') \u0026\u0026\n        document.querySelectorAll('.ELOISE .myVideo').forEach((v) =\u003e {\n          if (v.getAttribute('data-index')) {\n            const index = v.getAttribute('data-index');\n            if (window.innerWidth \u003e 768) {\n              v.poster = videoList[index].poster;\n              v.innerHTML = `\u003csource\n          src=\"${videoList[index].src}\"\n          type=\"video\/mp4\"\n        \/\u003e`;\n            } else {\n              v.poster = videoList[index].poster_m;\n              v.innerHTML = `\u003csource\n          src=\"${videoList[index].src_m}\"\"\n          type=\"video\/mp4\"\n        \/\u003e`;\n            }\n          }\n        });\n    }\n    setVideo();\n\n    function cli_act() {\n      const key_features = document.querySelectorAll('.item_area');\n\n      key_features.forEach((e) =\u003e {\n        e.addEventListener('click', function () {\n          remove();\n          this.classList.add('active');\n          if (e.querySelector('video')) {\n            e.querySelector('video').play();\n          }\n          this.querySelector('.mask').style.display = 'none';\n        });\n      });\n      function remove() {\n        key_features.forEach((e) =\u003e {\n          e.classList.remove('active');\n          let videos = document.querySelectorAll('.item_area video');\n          videos.forEach((video) =\u003e {\n            video.pause();\n          });\n          e.querySelector('.mask').style.display = 'block';\n        });\n      }\n    }\n\n    cli_act();\n  \u003c\/script\u003e      \u003c\/body\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"eloise_Leepage with glitter \/ JP-22.0cm\/EU-35","offer_id":45735306690816,"sku":"shflatse2312260005001","price":10700.0,"currency_code":"JPY","in_stock":true},{"title":"eloise_Leepage with glitter \/ JP-22.5cm\/EU-35.5","offer_id":45735306723584,"sku":"shflatse2312260005002","price":10700.0,"currency_code":"JPY","in_stock":true},{"title":"eloise_Leepage with glitter \/ JP-22.5~23.0cm\/EU-36","offer_id":45735306756352,"sku":"shflatse2312260005003","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-23.0cm\/EU-36.5","offer_id":45735306789120,"sku":"shflatse2312260005004","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-23.5cm\/EU-37","offer_id":45735306821888,"sku":"shflatse2312260005005","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45735306854656,"sku":"shflatse2312260005006","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-24.0cm\/EU-38","offer_id":45735306887424,"sku":"shflatse2312260005007","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-24.5cm\/EU-38.5","offer_id":45735306920192,"sku":"shflatse2312260005008","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-24.5~25.0cm\/EU-39","offer_id":45735306952960,"sku":"shflatse2312260005009","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-25.0cm\/EU-39.5","offer_id":45735306985728,"sku":"shflatse2312260005010","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-25.5cm\/EU-40","offer_id":45735307018496,"sku":"shflatse2312260005011","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45735307051264,"sku":"shflatse2312260005012","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-26.0cm\/EU-41","offer_id":45735307084032,"sku":"shflatse2312260005013","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-26.5cm\/EU-41.5","offer_id":45735307116800,"sku":"shflatse2312260005014","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-27.0cm\/EU-42","offer_id":45735307149568,"sku":"shflatse2312260005015","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-27.5cm\/EU-43","offer_id":45735307182336,"sku":"shflatse2312260005016","price":10700.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1722836536-59c9c07e-5d19-44c4-bd75-2ca699312050.jpg?v=1729157480"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/collections\/20240617-ELOISE-shflatse2312260005-product-domestic.jpg?v=1784192254","url":"https:\/\/checkout.vivaia.jp\/en\/collections\/loafers-eloise.oembed","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}