{"product_id":"boots-alexandra-blackrubyred","title":"[Alexandra] Pointed toe Water-repellent Ankle Heel Boots","description":"\u003cbody\u003e    \u003cstyle\u003e\n  \/* 初始化 *\/\nbody {\n  margin: 0;\n}\n\n.ALEXANDRA_0816 {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  padding-bottom: 40px;\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\n.ALEXANDRA_0816 .show-big {\n  display: block;\n}\n\n.ALEXANDRA_0816 .show-small {\n  display: none;\n}\n\n.ALEXANDRA_0816 img {\n  display: block;\n  width: 100%;\n  user-select: none !important;\n}\n\n.ALEXANDRA_0816 p {\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n\n.ALEXANDRA_0816 .space-w {\n  margin: 0 auto;\n  margin-top: 5vw;\n}\n\n.ALEXANDRA_0816 .full-w {\n  width: 100%;\n}\n\n.ALEXANDRA_0816 .title {\n  user-select: none;\n}\n\n.ALEXANDRA_0816 .desc {\n  user-select: none;\n}\n\n\/* 1 *\/\n.ALEXANDRA_0816 {\n  \/* font-size:; *\/\n  overflow-x: hidden;\n}\n.ALEXANDRA_0816 img {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n\/* 2 *\/\n\n.ALEXANDRA_0816 .common-text-area {\n  margin-bottom: 2.083vw;\n}\n\n.ALEXANDRA_0816 .common-title {\n  font-size: 28px;\n  line-height: 2.604vw;\n  color: #191817;\n  font-weight: 600;\n}\n\n.ALEXANDRA_0816 .common-subhead {\n  font-size: 16px;\n  font-weight: 300;\n  line-height: 24px;\n  margin-top: 8px;\n  color: #191817;\n}\n\n\/* 结构 *\/\n\/* kara-top-banner *\/\n.ALEXANDRA_0816 .kara-top-banner {\n  position: relative;\n  line-height: 0;\n}\n\n.ALEXANDRA_0816 .kara-top-banner .video-text {\n  position: relative;\n  width: 100%;\n}\n\n.ALEXANDRA_0816 .kara-top-banner .video-text .text-area {\n  position: absolute;\n  text-align: center;\n  top: 44.25%;\n  left: 5.26%;\n  color: #fff;\n  max-width: 50%;\n}\n\n.ALEXANDRA_0816 .kara-top-banner .video-text .text-area .title {\n  font-size: 28px;\n  line-height: 2.34vw;\n  font-weight: 600;\n  margin-bottom: 16px;\n}\n\n.ALEXANDRA_0816 .kara-top-banner .video-text .text-area .desc {\n  font-size: 16px;\n  line-height: 1.22vw;\n  font-weight: 500;\n}\n\n\/* banner-sec *\/\n.ALEXANDRA_0816 .banner-sec {\n  position: relative;\n}\n\n.ALEXANDRA_0816 .banner-sec img {\n  aspect-ratio: 1840\/943;\n}\n\n.ALEXANDRA_0816 .banner-sec .text-area {\n  position: absolute;\n  text-align: left;\n  top: 37%;\n  right: 8.9%;\n  max-width: 39%;\n  color: #fff;\n}\n\n.ALEXANDRA_0816 .banner-sec .text-area .title {\n  font-size: 28px;\n  line-height: 2.86vw;\n  font-weight: 600;\n  margin-bottom: 16px;\n  max-width: 94.6%;\n}\n\n.ALEXANDRA_0816 .banner-sec .text-area .desc {\n  font-size: 16px;\n  line-height: 1.22vw;\n  font-weight: 500;\n  max-width: 100%;\n}\n\n\/* trans_container *\/\n.ALEXANDRA_0816 .trans_container {\n  display: inline-flex;\n  margin-top: 5vw;\n}\n\n.ALEXANDRA_0816 .trans_container .item_area {\n  width: 22.5vw;\n  \/* height: 46.875vw; *\/\n  transition: width 0.3s;\n  overflow: hidden;\n  position: relative;\n  cursor: pointer;\n}\n.ALEXANDRA_0816 .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.3);\n  display: block;\n}\n\n\/* .ALEXANDRA_0816 .trans_container .active .mask_sec {\n  background: linear-gradient(\n    to bottom,\n    rgba(163, 132, 101, 0),\n    rgba(163, 132, 101, 0),\n    rgba(163, 132, 101, 0),\n    rgba(86, 48, 12, 0.4)\n  );\n  display: block !important;\n}\n\n.ALEXANDRA_0816 .trans_container .active .mask_thr {\n  background: linear-gradient(\n    to bottom,\n    rgba(163, 132, 101, 0),\n    rgba(163, 132, 101, 0),\n    rgba(163, 132, 101, 0),\n    rgba(86, 48, 12, 0.4)\n  );\n  display: block !important;\n} *\/\n\n.ALEXANDRA_0816 .trans_container .item_area .item_image {\n  width: 50.833vw;\n  \/* height: 46.875vw; *\/\n  height: 100%;\n  float: left;\n  list-style: none;\n  color: #000;\n  line-height: 0;\n}\n.ALEXANDRA_0816 .trans_container .active {\n  width: 50.833vw !important;\n}\n\n.ALEXANDRA_0816 .trans_container .key-features-section__text {\n  position: absolute;\n  width: 100%;\n  height: 0;\n  bottom: 4.167vw;\n  left: 3.38vw;\n  z-index: 2;\n}\n\n.ALEXANDRA_0816 .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: 500;\n  line-height: 1.465vw;\n  text-align: left;\n}\n.ALEXANDRA_0816 .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.ALEXANDRA_0816 .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\n.ALEXANDRA_0816 .trans_container .item_area_sec {\n  color: #fff;\n}\n\n.ALEXANDRA_0816\n  .trans_container\n  .item_area_sec\n  .key-features-section__title-copy--large {\n  color: #fff;\n}\n.ALEXANDRA_0816 .trans_container .key-features-section__description-copy {\n  \/* margin-block-start: 0;\n  margin-block-end: 0; *\/\n  opacity: 0;\n  position: relative;\n  transition: all 0.4s;\n  transition-delay: 0.2s;\n  font-size: 16px;\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.ALEXANDRA_0816 .trans_container .active .key-features-section__title {\n  bottom: 100%;\n  \/* transition-delay: 0.4s; *\/\n}\n.ALEXANDRA_0816 .trans_container .active .key-features-section__title-copy {\n  opacity: 0;\n}\n.ALEXANDRA_0816\n  .trans_container\n  .active\n  .key-features-section__title-copy--large {\n  opacity: 1;\n}\n.ALEXANDRA_0816\n  .trans_container\n  .active\n  .key-features-section__description-copy {\n  max-width: 550px;\n  opacity: 1;\n  transform: translateY(0);\n  \/* transition-delay: 0.2s; *\/\n  margin-top: 0.417vw;\n}\n.ALEXANDRA_0816\n  .trans_container\n  .active\n  .key-features-section__title-copy--large {\n  font-size: 28px;\n  font-weight: 600;\n  line-height: 1.953vw;\n  text-align: left;\n}\n\n.ALEXANDRA_0816 .trans_container .right-btn {\n  position: absolute;\n  left: 1.042vw;\n  top: 1.042vw;\n  z-index: 99;\n}\n.ALEXANDRA_0816 .trans_container .active .right-btn {\n  display: none;\n}\n\n\/* myswiper_container *\/\n.ALEXANDRA_0816 .myswiper_container {\n  position: relative;\n  padding-left: 2.08vw;\n  margin-top: 2.08vw;\n  overflow: hidden;\n  padding-bottom: calc(2.08vw + 4px);\n}\n\n.ALEXANDRA_0816 .myswiper_container img {\n  width: 100%;\n}\n\n.ALEXANDRA_0816 .myswiper_container .swiper-scrollbar {\n  margin: 0 2.08vw;\n  width: calc(98% - 2.08vw);\n  height: 3px;\n  left: 0;\n  bottom: 1px;\n  display: flex;\n  font-size: 0;\n}\n\n.ALEXANDRA_0816 .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.ALEXANDRA_0816 .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\/* 笔记本 *\/\n@media screen and (min-width: 1025px) and (max-width: 1440px) {\n  .ALEXANDRA_0816 .common-text-area {\n    margin-bottom: 1.563vw;\n  }\n\n  .ALEXANDRA_0816 .kara-top-banner {\n    position: relative;\n    line-height: 0;\n  }\n}\n\/* 平板 *\/\n@media screen and (min-width: 769px) and (max-width: 1024px) {\n  .ALEXANDRA_0816 .common-text-area {\n    margin-bottom: 1.563vw;\n  }\n\n  .ALEXANDRA_0816 .kara-top-banner {\n    position: relative;\n  }\n}\n\/* 手机 *\/\n@media screen and (max-width: 768px) {\n  \/* 初始化 *\/\n  .ALEXANDRA_0816 {\n  }\n\n  .ALEXANDRA_0816 .show-big {\n    display: none !important;\n  }\n\n  .ALEXANDRA_0816 .show-small {\n    display: block;\n  }\n\n  .ALEXANDRA_0816 .show-no-small {\n    display: none;\n  }\n\n  .ALEXANDRA_0816 .space-w {\n    margin-top: 10.67vw;\n  }\n\n  .ALEXANDRA_0816 .common-text-area {\n    margin-bottom: 5.333vw;\n  }\n\n  .ALEXANDRA_0816 .common-title {\n    font-size: 20px;\n    line-height: 7.467vw;\n  }\n\n  .ALEXANDRA_0816 .common-subhead {\n    font-size: 3.733vw;\n    line-height: 4.8vw;\n    margin-top: 1.0666vw;\n  }\n\n  \/* 结构 *\/\n  \/* kara-top-banner *\/\n  .ALEXANDRA_0816 .kara-top-banner {\n    position: relative;\n  }\n\n  .ALEXANDRA_0816 .kara-top-banner .video-text .text-area {\n    top: 7.3%;\n    left: 16%;\n    max-width: 68%;\n  }\n\n  .ALEXANDRA_0816 .kara-top-banner .video-text .text-area .title {\n    font-size: 20px;\n    line-height: 8.5vw;\n    font-weight: 600;\n    margin-bottom: 9px;\n  }\n\n  .ALEXANDRA_0816 .kara-top-banner .video-text .text-area .desc {\n    font-size: 14px;\n    line-height: 4.376vw;\n    font-weight: 500;\n  }\n\n  \/* banner-sec *\/\n  .ALEXANDRA_0816 .banner-sec {\n    position: relative;\n  }\n\n  .ALEXANDRA_0816 .banner-sec img {\n    aspect-ratio: 355\/480;\n  }\n\n  .ALEXANDRA_0816 .banner-sec .text-area {\n    text-align: center;\n    top: unset;\n    right: unset;\n    left: 13.9%;\n    bottom: 6.3%;\n    max-width:72.2%;\n    color: #000;\n  }\n\n  .ALEXANDRA_0816 .banner-sec .text-area .title {\n    font-size: 20px;\n    line-height: 8.5vw;\n    font-weight: 600;\n    margin-bottom: 4px;\n    max-width: 100%;\n  }\n\n  .ALEXANDRA_0816 .banner-sec .text-area .desc {\n    font-size: 14px;\n    line-height: 4.376vw;\n    max-width: 100%;\n  }\n\n  \/* trans_container *\/\n  .ALEXANDRA_0816 .trans_container {\n    display: block;\n    margin-top: 10.667vw;\n    overflow-x: hidden;\n  }\n  .ALEXANDRA_0816 .trans_container .active {\n    width: 94.66vw !important;\n    height: 86.96vw !important;\n  }\n\n  .ALEXANDRA_0816 .trans_container .item_area .item_image {\n    width: 94.66vw !important;\n    aspect-ratio: 355\/326;\n    height: unset;\n  }\n  .ALEXANDRA_0816 .trans_container .item_area {\n    transition: height 0.3s;\n    width: 94.66vw !important;\n    height: 26.667vw;\n  }\n\n  .ALEXANDRA_0816 .trans_container .key-features-section__title {\n    \/* width: 53.333vw !important; *\/\n  }\n\n  .ALEXANDRA_0816 .trans_container .key-features-section__title-copy {\n    font-size: 20px;\n    font-weight: 600;\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  .ALEXANDRA_0816 .trans_container .active .key-features-section__title-copy {\n    font-size: 20px;\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  .ALEXANDRA_0816 .trans_container .key-features-section__description-copy {\n    font-size: 3.733vw;\n    font-weight: 400;\n    line-height: 4.376vw;\n    width: 100%;\n    text-align: left;\n  }\n  .ALEXANDRA_0816\n    .trans_container\n    .active\n    .key-features-section__description-copy {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 4.376vw;\n    width: 100%;\n    text-align: left;\n    margin-top: 4px;\n  }\n  .ALEXANDRA_0816 .trans_container .key-features-section__text {\n    left: 5.33vw;\n    bottom: 5.33vw;\n    height: 5.33vw;\n    max-width: 90%;\n    z-index: 2;\n  }\n  .ALEXANDRA_0816 .trans_container .item_area_fir .key-features-section__text {\n    height: 5.33vw;\n  }\n  .ALEXANDRA_0816 .trans_container .item_area_sec .key-features-section__text {\n    height: 5.33vw;\n  }\n  .ALEXANDRA_0816 .trans_container .item_area_thr .key-features-section__text {\n    height: 5.33vw;\n  }\n\n  .ALEXANDRA_0816 .trans_container .item_area_sec {\n    \/* color: unset; *\/\n  }\n\n  .ALEXANDRA_0816\n    .trans_container\n    .item_area_sec\n    .key-features-section__title-copy--large {\n    color: unset;\n  }\n\n  .ALEXANDRA_0816 .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  \/* myswiper_container *\/\n  .ALEXANDRA_0816 .myswiper_container {\n    padding-left: 2.667vw;\n    margin-top: 5.33vw;\n    padding-bottom: calc(4vw + 4px);\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\n\u003c\/style\u003e  \u003cdiv class=\"ALEXANDRA_0816\"\u003e      \u003c!-- kara-top-banner --\u003e      \u003cdiv class=\"kara-top-banner\"\u003e              \u003cdiv class=\"video-text\"\u003e                      \u003cdiv class=\"text-area\"\u003e                              \u003cdiv class=\"title special_heading\"\u003e\u0026quot;A sophisticated finish that's right for you\u0026quot;\u003c\/div\u003e                              \u003cdiv class=\"desc\"\u003e- ALEXANDRA\u003c\/div\u003e                      \u003c\/div\u003e                      \u003cpicture style=\"width: 100%;\"\u003e                              \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Rectangle%206525.jpg?imresize=750x1100\" media=\"(max-width:768px)\"\u003e                              \u003cimg class=\"img-banner\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Group-336568339.jpg?imresize=2880x1415\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e              \u003c\/div\u003e      \u003c\/div\u003e      \u003c!-- banner-sec --\u003e      \u003cdiv class=\"banner-sec space-w\"\u003e              \u003cdiv class=\"text-area\"\u003e                      \u003cdiv class=\"title special_heading\"\u003eElegant and classic\u003c\/div\u003e                      \u003cdiv class=\"desc show-big\"\u003eCombining an elegant, classic design with innovative technology, these boots are perfect for a variety of styles and occasions. The kitten heel is discreet and stylish, yet comfortable and stable. Try these boots that will make you stand out no matter when you wear them.\u003c\/div\u003e                        \u003cdiv class=\"desc show-small\"\u003eCombining an elegant, classic design with innovative technology, these boots are perfect for a variety of styles and occasions.\u003c\/div\u003e              \u003c\/div\u003e              \u003cpicture style=\"width: 100%;\"\u003e                      \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Group%20336568447.jpg?imresize=710x960\" media=\"(max-width:768px)\"\u003e                      \u003cimg class=\"img-banner\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/image-847.jpg?imresize=2760x1415\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e      \u003c\/div\u003e        \u003cdiv class=\"trans_container\"\u003e          \u003cscript src=\"https:\/\/staticdn.vivaia.com\/onem\/vivaia\/css\/pages\/swiper\/swiper-bundles\/swiper.min.js\"\u003e\u003c\/script\u003e              \u003cdiv class=\"item_area item_area_fir active\"\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                              \u003cvideo class=\"videos\" style=\"width: 100%;\" loop=\"loop\" muted=\"\" playsinline=\"true\" webkit-playsinline=\"true\"\u003e                                      \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240815_7052\/Alexandra976-900v2.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\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 special_heading\"\u003ewater repellency\u003c\/p\u003e                                      \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e                       water repellency                   \u003c\/p\u003e                              \u003c\/div\u003e                              \u003cp class=\"key-features-section__description-copy show-big\"\u003e                   It easily repels light splashes of water, keeping your feet comfortable even in sudden rain!               \u003c\/p\u003e                              \u003cp class=\"key-features-section__description-copy show-small\"\u003e                   It easily repels light splashes of water, keeping your feet comfortable even in sudden rain!               \u003c\/p\u003e                      \u003c\/div\u003e              \u003c\/div\u003e              \u003cdiv class=\"item_area item_area_sec\"\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\/Banner\/20240815_7052\/Rectangle-13554.jpg                       \" media=\"(max-width:768px)\"\u003e                   \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Rectangle-13554.jpg\" alt=\"VIVAIA\"\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 special_heading\"\u003eStretch Shaft\u003c\/p\u003e                                      \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e                       Stretch Shaft                   \u003c\/p\u003e                              \u003c\/div\u003e                              \u003cp class=\"key-features-section__description-copy show-big\"\u003e                   The elastic knit fits perfectly to any foot and ankle shape, making it easy to put on and take off your boots.               \u003c\/p\u003e                              \u003cp class=\"key-features-section__description-copy show-small\"\u003e                   The elastic knit fits perfectly to any foot and ankle shape, making it easy to put on and take off your boots.               \u003c\/p\u003e                      \u003c\/div\u003e              \u003c\/div\u003e              \u003cdiv class=\"item_area item_area_thr\"\u003e                      \u003cdiv class=\"mask mask_thr\"\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\/Banner\/20240815_7052\/Group-336568378_t2a.jpg                       \" media=\"(max-width:768px)\"\u003e                   \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Group-336568378_t2a.jpg\" alt=\"VIVAIA\"\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 special_heading\"\u003eTimeless fashion\u003c\/p\u003e                                      \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e                       Timeless fashion                   \u003c\/p\u003e                              \u003c\/div\u003e                              \u003cp class=\"key-features-section__description-copy show-big\"\u003e                   Combining classic touches with trendy details, we create footwear that meets the fashion needs of women of all ages.               \u003c\/p\u003e                              \u003cp class=\"key-features-section__description-copy show-small\"\u003e                   Fashion needs and a classic touch.               \u003c\/p\u003e                      \u003c\/div\u003e              \u003c\/div\u003e      \u003c\/div\u003e      \u003cpicture\u003e      \u003c!-- mobile --\u003e      \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/mobile.jpg?v=1728371965\" media=\"(max-width: 1024px)\"\u003e      \u003c!-- PC --\u003e      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/pc_597639c4-8658-4a30-b847-6c8b697e0102.jpg?v=1728371968\"\u003e\u003c\/picture\u003e        \u003cdiv class=\"common-text-area space-w\" style=\"padding: 0\"\u003e              \u003cdiv class=\"common-title special_heading\"\u003eLOOKBOOK\u003c\/div\u003e      \u003c\/div\u003e        \u003cdiv class=\"myswiper_container\" style=\"margin-top: 0\"\u003e              \u003cdiv class=\"mySwiper-fir\"\u003e                      \u003cdiv class=\"swiper-wrapper\"\u003e                              \u003cdiv class=\"swiper-slide\"\u003e                                      \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Rectangle%206520.jpg?imresize=924x1188\" alt=\"VIVAIA\" loading=\"lazy\"\u003e                              \u003c\/div\u003e                              \u003cdiv class=\"swiper-slide\"\u003e                                      \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Rectangle%2013426.jpg?imresize=924x1188\" alt=\"VIVAIA\" loading=\"lazy\"\u003e                              \u003c\/div\u003e                              \u003cdiv class=\"swiper-slide\"\u003e                                      \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Rectangle%2013427.jpg?imresize=924x1188\" alt=\"VIVAIA\" loading=\"lazy\"\u003e                              \u003c\/div\u003e                              \u003cdiv class=\"swiper-slide\"\u003e                                      \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Rectangle%2013428.jpg?imresize=924x1188\" alt=\"VIVAIA\" loading=\"lazy\"\u003e                              \u003c\/div\u003e                                                    \u003c\/div\u003e                      \u003cdiv class=\"swiper-scrollbar\"\u003e\u003c\/div\u003e              \u003c\/div\u003e      \u003c\/div\u003e  \u003c\/div\u003e  \u003cscript\u003e\n  new Swiper(\".mySwiper-fir\", {\n  breakpoints: {\n    320: {\n      slidesPerView: 1.216,\n      spaceBetween: 10,\n    },\n    769: {\n      slidesPerView: 3.5,\n      spaceBetween: 10,\n    },\n  },\n  scrollbar: {\n    el: \".swiper-scrollbar\",\n  },\n});\n\nfunction setVideo() {\n\n  document.querySelectorAll(\".videos\").forEach((video) =\u003e {\n    video.setAttribute(\"playsinline\", true);\n    video.setAttribute(\"webkit-playsinline\", true);\n    let playPromise = video.play();\n    if (playPromise !== undefined) {\n      playPromise\n        .then(function () {\n          \/\/ 视频自动播放\n        })\n        .catch(function (error) {\n          \/\/ iOS设备上的自动播放失败，需要等待用户交互后手动播放\n          video.addEventListener(\"touchstart\", function () {\n            video.play();\n          });\n        });\n    }\n    try {\n      const observer = new IntersectionObserver(\n        (entries) =\u003e {\n          entries.forEach((entry) =\u003e {\n            const video = entry.target;\n            if (entry.isIntersecting) {\n              video.play();\n            } else {\n              video.pause();\n            }\n          });\n        },\n        { rootMargin: \"0px 0px 200px 0px\" }\n      );\n\n      const allVideos = document.querySelectorAll(\".videos\");\n      allVideos?.forEach((el) =\u003e {\n        el.muted = true;\n        const hasAutoplay = el.hasAttribute(\"autoplay\");\n        if (hasAutoplay) {\n          observer.observe(el);\n        }\n      });\n    } catch (e) {\n      console.log(\"videoControl error\", e);\n    }\n    if(video.className.indexOf('no-auto') \u003e -1){\n      video.pause();\n    }\n  });\n}\n\nsetVideo();\n\nfunction 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\ncli_act();\n\n\u003c\/script\u003e            \u003c\/body\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"alexandra_black\/red \/ JP-22.0cm\/EU-35","offer_id":45814314893568,"sku":"shbootse2405090011001","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-22.5cm\/EU-35.5","offer_id":45814314926336,"sku":"shbootse2405090011002","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-22.5~23.0cm\/EU-36","offer_id":45814314959104,"sku":"shbootse2405090011003","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-23.0cm\/EU-36.5","offer_id":45814314991872,"sku":"shbootse2405090011004","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-23.5cm\/EU-37","offer_id":45814315024640,"sku":"shbootse2405090011005","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45814315057408,"sku":"shbootse2405090011006","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-24.0cm\/EU-38","offer_id":45814315090176,"sku":"shbootse2405090011007","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-24.5cm\/EU-38.5","offer_id":45814315122944,"sku":"shbootse2405090011008","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-24.5~25.0cm\/EU-39","offer_id":45814315155712,"sku":"shbootse2405090011009","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-25.0cm\/EU-39.5","offer_id":45814315188480,"sku":"shbootse2405090011010","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-25.5cm\/EU-40","offer_id":45814315221248,"sku":"shbootse2405090011011","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45814315254016,"sku":"shbootse2405090011012","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-26.0cm\/EU-41","offer_id":45814315286784,"sku":"shbootse2405090011013","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-26.5cm\/EU-41.5","offer_id":45814315319552,"sku":"shbootse2405090011014","price":18100.0,"currency_code":"JPY","in_stock":true},{"title":"alexandra_black\/red \/ JP-27.0cm\/EU-42","offer_id":45814315352320,"sku":"shbootse2405090011015","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-27.5cm\/EU-43","offer_id":45814315385088,"sku":"shbootse2405090011016","price":18100.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1723789372-656f2ca4-f2e8-40fb-bd05-361b69f128ca.jpg?v=1729158813","url":"https:\/\/checkout.vivaia.jp\/en\/products\/boots-alexandra-blackrubyred","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}