{"title":"boots-abby","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cstyle\u003e\n  \/* 初始化 *\/\nbody {\n  margin: 0;\n}\n\n.ABBY_0827 {\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.ABBY_0827 .show-big {\n  display: block;\n}\n\n.ABBY_0827 .show-small {\n  display: none;\n}\n\n.ABBY_0827 img {\n  display: block;\n  width: 100%;\n  user-select: none !important;\n}\n\n.ABBY_0827 p {\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n\n.ABBY_0827 .space-w {\n  margin: 0 auto;\n  margin-top: 5vw;\n}\n\n.ABBY_0827 .full-w {\n  width: 100%;\n}\n\n.ABBY_0827 .title {\n  user-select: none;\n}\n\n.ABBY_0827 .desc {\n  user-select: none;\n}\n\n\/* 1 *\/\n.ABBY_0827 {\n  \/* font-size:; *\/\n  overflow-x: hidden;\n}\n.ABBY_0827 img {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n\/* 2 *\/\n\n.ABBY_0827 .common-text-area {\n  margin-bottom: 2.083vw;\n}\n\n.ABBY_0827 .common-title {\n  font-size: 28px;\n  line-height: 2.604vw;\n  color: #191817;\n  font-weight: 600;\n}\n\n.ABBY_0827 .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.ABBY_0827 .kara-top-banner {\n  position: relative;\n  line-height: 0;\n}\n\n.ABBY_0827 .kara-top-banner img{\n  aspect-ratio: 1920\/1080;\n}\n\n.ABBY_0827 .kara-top-banner .video-text {\n  position: relative;\n  width: 100%;\n}\n\n.ABBY_0827 .kara-top-banner .video-text .text-area {\n  position: absolute;\n  text-align: center;\n  top: 44%;\n  right:  0%;\n  color: #fff;\n  width: 50%;\n  \n}\n\n.ABBY_0827 .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.ABBY_0827 .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.ABBY_0827 .banner-sec {\n  position: relative;\n}\n\n.ABBY_0827 .banner-sec img {\n  aspect-ratio: 1840\/940;\n}\n\n.ABBY_0827 .banner-sec .text-area {\n  position: absolute;\n  text-align: left;\n  top: 40%;\n  left: 9.5%;\n  max-width: 29%;\n  color: #fff;\n}\n\n.ABBY_0827 .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.ABBY_0827 .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.ABBY_0827 .trans_container {\n  display: inline-flex;\n  margin-top: 5vw;\n}\n\n.ABBY_0827 .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.ABBY_0827 .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\/* .ABBY_0827 .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.ABBY_0827 .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.ABBY_0827 .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.ABBY_0827 .trans_container .active {\n  width: 50.833vw !important;\n}\n\n.ABBY_0827 .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.ABBY_0827 .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.ABBY_0827 .trans_container .key-features-section__title-copy {\n  opacity: 1;\n  transition: all 0.4s;\n  transition-delay: 0.2s;\n  font-size: 28px;\n  font-weight: 600;\n  line-height: 1.465vw;\n  text-align: left;\n  position: absolute;\n  bottom: -1.465vw;\n  color: #fff;\n}\n\n.ABBY_0827 .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.ABBY_0827 .trans_container .item_area_fir{\n  color: #fff;\n}\n\n.ABBY_0827\n  .trans_container\n  .item_area_fir\n  .key-features-section__title-copy--large{\n  color: #fff;\n}\n\n.ABBY_0827 .trans_container .item_area_thr{\n  color: #fff;\n}\n\n.ABBY_0827\n  .trans_container\n  .item_area_thr\n  .key-features-section__title-copy--large{\n  color: #fff;\n}\n.ABBY_0827 .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: 1.2vw;\n  text-align: left;\n  width: 36.458vw;\n  transform: translateY(calc(100% + 5px));\n}\n\n.ABBY_0827 .trans_container .active .key-features-section__title {\n  bottom: 100%;\n  \/* transition-delay: 0.4s; *\/\n}\n.ABBY_0827 .trans_container .active .key-features-section__title-copy {\n  opacity: 0;\n}\n.ABBY_0827\n  .trans_container\n  .active\n  .key-features-section__title-copy--large {\n  opacity: 1;\n}\n.ABBY_0827\n  .trans_container\n  .active\n  .key-features-section__description-copy {\n  opacity: 1;\n  transform: translateY(0);\n  \/* transition-delay: 0.2s; *\/\n  margin-top: 0.417vw;\n}\n.ABBY_0827\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.ABBY_0827 .trans_container .right-btn {\n  position: absolute;\n  left: 1.042vw;\n  top: 1.042vw;\n  z-index: 99;\n}\n.ABBY_0827 .trans_container .active .right-btn {\n  display: none;\n}\n\n\/* myswiper_container *\/\n.ABBY_0827 .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.ABBY_0827 .myswiper_container img {\n  width: 100%;\n}\n\n.ABBY_0827 .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.ABBY_0827 .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.ABBY_0827 .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  .ABBY_0827 .common-text-area {\n    margin-bottom: 1.563vw;\n  }\n\n  .ABBY_0827 .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  .ABBY_0827 .common-text-area {\n    margin-bottom: 1.563vw;\n  }\n\n  .ABBY_0827 .kara-top-banner {\n    position: relative;\n  }\n}\n\/* 手机 *\/\n@media screen and (max-width: 768px) {\n  \/* 初始化 *\/\n  .ABBY_0827 {\n  }\n\n  .ABBY_0827 .show-big {\n    display: none !important;\n  }\n\n  .ABBY_0827 .show-small {\n    display: block;\n  }\n\n  .ABBY_0827 .show-no-small {\n    display: none;\n  }\n\n  .ABBY_0827 .space-w {\n    margin-top: 10.67vw;\n  }\n\n  .ABBY_0827 .common-text-area {\n    margin-bottom: 5.333vw;\n  }\n\n  .ABBY_0827 .common-title {\n    font-size: 20px;\n    line-height: 7.467vw;\n  }\n\n  .ABBY_0827 .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  .ABBY_0827 .kara-top-banner {\n    position: relative;\n  }\n\n  .ABBY_0827 .kara-top-banner img{\n    aspect-ratio: 375\/550;\n  }\n\n  .ABBY_0827 .kara-top-banner .video-text .text-area {\n    top: unset;\n    right: unset;\n    bottom: 5.5%;\n    width: 97%;\n    box-sizing: border-box;\n    padding: 0 5.3vw;\n  }\n\n  .ABBY_0827 .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  .ABBY_0827 .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  .ABBY_0827 .banner-sec {\n    position: relative;\n  }\n\n  .ABBY_0827 .banner-sec img {\n    aspect-ratio: 355\/480;\n  }\n\n  .ABBY_0827 .banner-sec .text-area {\n    text-align: center;\n    top: unset;\n    right: unset;\n    left: 5.9%;\n    bottom: 3.3%;\n    max-width:88.2%;\n  }\n\n  .ABBY_0827 .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  .ABBY_0827 .banner-sec .text-area .desc {\n    font-size: 14px;\n    line-height: 4.376vw;\n    max-width: 100%;\n    font-weight: 500;\n  }\n\n  \/* trans_container *\/\n  .ABBY_0827 .trans_container {\n    display: block;\n    margin-top: 10.667vw;\n    overflow-x: hidden;\n  }\n  .ABBY_0827 .trans_container .active {\n    width: 94.66vw !important;\n    height: 86.96vw !important;\n  }\n\n  .ABBY_0827 .trans_container .item_area .item_image {\n    width: 94.66vw !important;\n    aspect-ratio: 355\/326;\n    height: unset;\n  }\n  .ABBY_0827 .trans_container .item_area {\n    transition: height 0.3s;\n    width: 94.66vw !important;\n    height: 26.667vw;\n  }\n\n  .ABBY_0827 .trans_container .key-features-section__title {\n    \/* width: 53.333vw !important; *\/\n  }\n\n  .ABBY_0827 .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  .ABBY_0827 .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  .ABBY_0827 .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  .ABBY_0827\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  .ABBY_0827 .trans_container .key-features-section__text {\n    left: 3.33vw;\n    bottom: 5.33vw;\n    height: 5.33vw;\n    max-width: 90%;\n    z-index: 2;\n  }\n  .ABBY_0827 .trans_container .item_area_fir .key-features-section__text {\n    height: 5.33vw;\n  }\n  .ABBY_0827 .trans_container .item_area_sec .key-features-section__text {\n    height: 5.33vw;\n  }\n  .ABBY_0827 .trans_container .item_area_thr .key-features-section__text {\n    height: 5.33vw;\n  }\n\n\n  .ABBY_0827\n  .trans_container\n  .item_area_fir\n  .key-features-section__title-copy--large {\n  color: #fff;\n}\n\n  .ABBY_0827\n    .trans_container\n    .item_area_thr\n    .key-features-section__title-copy--large {\n    color: #fff;\n  }\n\n  .ABBY_0827 .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  .ABBY_0827 .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=\"ABBY_0827\"\u003e  \u003c!-- kara-top-banner --\u003e  \u003cdiv class=\"kara-top-banner\" style=\"width: 100%;\"\u003e  \u003cdiv class=\"video-text\"\u003e  \u003cdiv class=\"text-area\"\u003e  \u003cdiv class=\"title special_heading\"\u003e\u0026quot;Enhancing your elegance from morning to night\u0026quot;\u003c\/div\u003e  \u003cdiv class=\"desc\"\u003e-ABBY\u003c\/div\u003e  \u003c\/div\u003e  \u003cpicture style=\"width: 100%;\"\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240823_7073\/Rectangle%206525.jpg?imresize=750x1100\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"img-banner\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240823_7073\/Group-336568339.jpg?imresize=2880x1620\" alt=\"VIVAIA\"\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\"\u003eBeautifully designed with attention to detail, it brings out your natural femininity and grace. Available in a variety of patterns and colors to suit your personality. Whether you're going to a formal work occasion, casual outing or special event, these winter essentials will make you look confident and charming.\u003c\/div\u003e  \u003cdiv class=\"desc show-small\"\u003eBeautifully designed with attention to detail, it brings out your natural femininity and grace. Available in a variety of patterns and colors to suit your personality. Whether you're going to a formal work occasion, casual outing or special event, these winter essentials will make you look confident and charming.\u003c\/div\u003e  \u003c\/div\u003e  \u003cpicture style=\"width: 100%;\"\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240823_7073\/Group%20336568447.jpg?imresize=710x960\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"img-banner\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240823_7073\/20240724-ABBY-shbootse2405090024-model-product-description-domestic-New-Zealand2-BANNER.jpg?imresize=2760x1410\" alt=\"VIVAIA\"\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\"\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\u003cvideo class=\"videos no-auto\" style=\"width: 100%;\" poster=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240823_7073\/34234234.jpg?imresize=976x900\" loop=\"loop\" muted=\"\"\u003e                              \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240823_7073\/34234234.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\"\u003eStretch Shaft\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eStretch Shaft\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eThe 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\"\u003eFits almost any ankle shape and is easy to put on and take off.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"item_area item_area_sec active\"\u003e  \u003cdiv class=\"mask mask_sec\" 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%;\" poster=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240823_7073\/image.jpg?imresize=976x900\" loop=\"loop\" muted=\"\"\u003e                                      \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240823_7073\/324234234234.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\"\u003ewater repellency\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eIt 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\"\u003eIt 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_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\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240823_7073\/Group-336568378.jpg\" alt=\"VIVAIA\"\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\"\u003eTimeless fashion\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eCombining 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\"\u003eA fusion of trendy elements and a classic touch.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\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\/20240823_7073\/Rectangle%206520.jpg?imresize=924x1188\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e  \u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240823_7073\/Rectangle%2013426.jpg?imresize=924x1188\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e  \u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240823_7073\/Rectangle%2013427.jpg?imresize=924x1188\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e  \u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240823_7073\/20240724-ABBY-shbootse2405090024-model-product%20description-domestic-New%20Zealand3-BANNER.jpg?imresize=924x1188\" alt=\"VIVAIA\"\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","products":[],"url":"https:\/\/checkout.vivaia.jp\/en\/collections\/boots-abby.oembed","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}