{"product_id":"boots-filipa-dkchocolatewool","title":"[Filipa] Round toe, water-repellent, stretchy, knee-high boots","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cp\u003e  \u003c\/p\u003e  \u003cstyle\u003e\n  \/* 初始化 *\/\n  body {\n    margin: 0;\n  }\n\n  .FILIPA_0828 {\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  .FILIPA_0828 .show-big {\n    display: block;\n  }\n\n  .FILIPA_0828 .show-small {\n    display: none;\n  }\n\n  .FILIPA_0828 img {\n    display: block;\n    width: 100%;\n    user-select: none !important;\n  }\n\n  .FILIPA_0828 p {\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n\n  .FILIPA_0828 .space-w {\n    margin: 0 auto;\n    margin-top: 5vw;\n  }\n\n  .FILIPA_0828 .full-w {\n    width: 100%;\n  }\n\n  .FILIPA_0828 .title {\n    user-select: none;\n  }\n\n  .FILIPA_0828 .desc {\n    user-select: none;\n  }\n\n  \/* 1 *\/\n  .FILIPA_0828 {\n    \/* font-size:; *\/\n    overflow-x: hidden;\n  }\n\n  .FILIPA_0828 img {\n    width: 100%;\n    display: block;\n  }\n\n  \/* 2 *\/\n\n  .FILIPA_0828 .common-text-area {\n    margin-bottom: 2.083vw;\n  }\n\n  .FILIPA_0828 .common-title {\n    font-size: 28px;\n    line-height: 2.604vw;\n    color: #191817;\n    font-weight: 600\n  }\n\n  .FILIPA_0828 .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  \/* top-banner *\/\n  .FILIPA_0828 .top-banner {\n    position: relative;\n    line-height: 0;\n  }\n\n  .FILIPA_0828 .top-banner .text-area {\n    position: relative;\n    text-align: center;\n    max-width: 50%;\n    margin: 10px auto 2.08vw;\n  }\n\n  .FILIPA_0828 .top-banner .text-area .title {\n    font-size: 28px;\n    line-height: 2.35vw;\n    font-weight: 600;\n  }\n\n  .FILIPA_0828 .top-banner .text-area .desc {\n    font-size: 16px;\n    line-height: 1.25vw;\n    margin-top: 16px;\n    font-weight: 500;\n  }\n\n  \/* kara-top-banner *\/\n  .FILIPA_0828 .kara-top-banner {\n    position: relative;\n    line-height: 0;\n    margin-top: 4.167vw;\n  }\n\n  .FILIPA_0828 .kara-top-banner img {\n    aspect-ratio: 1840\/940;\n  }\n\n  .FILIPA_0828 .kara-top-banner .video-text {\n    position: relative;\n    width: 100%;\n  }\n\n  .FILIPA_0828 .kara-top-banner .video-text .text-area {\n    position: absolute;\n    text-align: left;\n    top: 41.2%;\n    left: 6.15%;\n    color: #fff;\n    max-width: 31%;\n  }\n\n  .FILIPA_0828 .kara-top-banner .video-text .text-area .title {\n    font-size: 28px;\n    line-height: 2.865vw;\n    font-weight: 600;\n    margin-bottom: 16px;\n  }\n\n  .FILIPA_0828 .kara-top-banner .video-text .text-area .desc {\n    font-size: 16px;\n    line-height: 1.4vw;\n    font-weight: 500;\n    max-width: 98%;\n  }\n\n  .FILIPA_0828 .kara-top-banner .video-text .text-area .grid-compoment {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    \/* column-gap: 23px; *\/\n    row-gap: 30px;\n    width: 51%;\n    margin-top: 2.4vw;\n  }\n\n  .FILIPA_0828 .kara-top-banner .video-text .text-area .grid-compoment .title {\n    font-size: 1.875vw;\n    line-height: 2.2vw;\n    margin-bottom: 0;\n  }\n\n  \/* kara-img-banner *\/\n  .FILIPA_0828 .kara-img-banner {\n    position: relative;\n    line-height: 0;\n    margin-top: 4.167vw;\n  }\n\n  .FILIPA_0828 .kara-img-banner img {\n    aspect-ratio: 1840\/940;\n  }\n\n  .FILIPA_0828 .kara-img-banner .video-text {\n    position: relative;\n    width: 100%;\n  }\n\n  .FILIPA_0828 .kara-img-banner .video-text .text-area {\n    position: absolute;\n    text-align: left;\n    top: 8.55%;\n    left: 4.13%;\n    color: #fff;\n    max-width: 31%;\n  }\n\n  .FILIPA_0828 .kara-img-banner .video-text .text-area .title {\n    font-size: 28px;\n    line-height: 2.865vw;\n    font-weight: 600;\n    margin-bottom: 16px;\n  }\n\n  .FILIPA_0828 .kara-img-banner .video-text .text-area .desc {\n    font-size: 16px;\n    line-height: 1.22vw;\n    font-weight: 500;\n    max-width: 98%;\n  }\n\n  .FILIPA_0828 .kara-img-banner .video-text .text-area .grid-compoment {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    \/* column-gap: 23px; *\/\n    row-gap: 30px;\n    width: 51%;\n    margin-top: 2.4vw;\n  }\n\n  .FILIPA_0828 .kara-img-banner .video-text .text-area .grid-compoment .title {\n    font-size: 1.875vw;\n    line-height: 2.2vw;\n    margin-bottom: 0;\n  }\n\n  \/* banner-sec *\/\n  .FILIPA_0828 .banner-sec {\n    position: relative;\n    color: #fff;\n    margin-top: 4.167vw;\n  }\n\n  .FILIPA_0828 .banner-sec img {\n    aspect-ratio: 1840\/940;\n  }\n\n  .FILIPA_0828 .banner-sec .text-area {\n    position: absolute;\n    text-align: left;\n    top: 8.8%;\n    right: 5.3%;\n    max-width: 42.5%;\n  }\n\n  .FILIPA_0828 .banner-sec .text-area .title {\n    font-size: 28px;\n    line-height: 2.86vw;\n    font-weight: 600;\n    margin-bottom: 14px;\n  }\n\n  .FILIPA_0828 .banner-sec .text-area .desc {\n    font-size: 16px;\n    line-height: 1.22vw;\n    font-weight: 500;\n  }\n\n  .FILIPA_0828 .banner-sec .grid-compoment {\n    position: absolute;\n    bottom: 6.5%;\n    right: 5.3%;\n    width: 42.5%;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    row-gap: 2.08vw;\n    column-gap: 2.815vw;\n  }\n\n  .FILIPA_0828 .banner-sec .grid-compoment svg {\n    margin-right: 0.625vw;\n    width: 1.05vw;\n    height: 1.05vw;\n  }\n\n  .FILIPA_0828 .banner-sec .grid-compoment .title {\n    font-size: 16px;\n    \/* line-height: 1.22vw; *\/\n    margin-bottom: 0.73vw;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n  }\n\n  .FILIPA_0828 .banner-sec .grid-compoment .desc {\n    font-size: 16px;\n    line-height: 1.22vw;\n    font-weight: 500;\n    opacity: 0.6;\n    padding-left: 1.665vw;\n  }\n\n  \/* trans_container *\/\n  .FILIPA_0828 .trans_container {\n    display: inline-flex;\n    margin-top: 4.167vw;\n  }\n\n  .FILIPA_0828 .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\n  .FILIPA_0828 .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  .FILIPA_0828 .trans_container .active .mask_sec {\n    background: linear-gradient(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    display: block !important;\n  }\n\n  .FILIPA_0828 .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\n  .FILIPA_0828 .trans_container .active {\n    width: 50.833vw !important;\n  }\n\n  .FILIPA_0828 .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  .FILIPA_0828 .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\n  .FILIPA_0828 .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: 600;\n    line-height: 1.465vw;\n    text-align: left;\n    position: absolute;\n    bottom: -1.465vw;\n    color: #fff;\n  }\n\n  .FILIPA_0828 .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  .FILIPA_0828 .trans_container .item_area_sec {\n    color: #fff;\n  }\n\n  .FILIPA_0828 .trans_container .item_area_sec .key-features-section__title-copy--large {\n    color: #fff;\n  }\n\n  .FILIPA_0828 .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  .FILIPA_0828 .trans_container .active .key-features-section__title {\n    bottom: 100%;\n    \/* transition-delay: 0.4s; *\/\n  }\n\n  .FILIPA_0828 .trans_container .active .key-features-section__title-copy {\n    opacity: 0;\n  }\n\n  .FILIPA_0828 .trans_container .active .key-features-section__title-copy--large {\n    opacity: 1;\n  }\n\n  .FILIPA_0828 .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\n  .FILIPA_0828 .trans_container .active .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  .FILIPA_0828 .trans_container .right-btn {\n    position: absolute;\n    left: 1.042vw;\n    top: 1.042vw;\n    z-index: 99;\n  }\n\n  .FILIPA_0828 .trans_container .active .right-btn {\n    display: none;\n  }\n\n  \/* myswiper_container *\/\n  .FILIPA_0828 .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  .FILIPA_0828 .myswiper_container img {\n    width: 100%;\n  }\n\n  .FILIPA_0828 .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  .FILIPA_0828 .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  .FILIPA_0828 .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  \/* 笔记本 *\/\n  @media screen and (min-width: 1025px) and (max-width: 1440px) {\n    .FILIPA_0828 .common-text-area {\n      margin-bottom: 1.563vw;\n    }\n\n    .FILIPA_0828 .kara-top-banner {\n      position: relative;\n      line-height: 0;\n    }\n  }\n\n  \/* 平板 *\/\n  @media screen and (min-width: 769px) and (max-width: 1024px) {\n    .FILIPA_0828 .common-text-area {\n      margin-bottom: 1.563vw;\n    }\n\n    .FILIPA_0828 .kara-top-banner {\n      position: relative;\n    }\n  }\n\n  \/* 手机 *\/\n  @media screen and (max-width: 768px) {\n\n    \/* 初始化 *\/\n    .FILIPA_0828 {}\n\n    .FILIPA_0828 .show-big {\n      display: none !important;\n    }\n\n    .FILIPA_0828 .show-small {\n      display: block;\n    }\n\n    .FILIPA_0828 .show-no-small {\n      display: none;\n    }\n\n    .FILIPA_0828 .space-w {\n      margin-top: 10.67vw;\n    }\n\n    .FILIPA_0828 .common-text-area {\n      margin-bottom: 5.333vw;\n    }\n\n    .FILIPA_0828 .common-title {\n      font-size: 20px;\n      line-height: 7.467vw;\n      font-weight: 600\n    }\n\n    .FILIPA_0828 .common-subhead {\n      font-size: 3.733vw;\n      line-height: 4.8vw;\n      margin-top: 1.0666vw;\n    }\n\n    \/* 结构 *\/\n\n    \/* top-banner *\/\n    .FILIPA_0828 .top-banner {\n      position: relative;\n    }\n\n    .FILIPA_0828 .top-banner .text-area {\n      max-width: 100%;\n      margin: 10px auto 5.33vw;\n    }\n\n    .FILIPA_0828 .top-banner .text-area .title {\n      font-size: 20px;\n      line-height: 7.264vw;\n      padding: 0 20px;\n      font-weight: 600\n    }\n\n    .FILIPA_0828 .top-banner .text-area .desc {\n      font-size: 14px;\n      line-height: 3.75vw;\n      margin-top: 10px;\n      font-weight: 500\n    }\n\n    \/* kara-top-banner *\/\n    .FILIPA_0828 .kara-top-banner {\n      position: relative;\n      margin-top: 10.67vw;\n      width: 100vw;\n    }\n\n    .FILIPA_0828 .kara-top-banner img {\n      aspect-ratio: 1;\n    }\n\n    .FILIPA_0828 .kara-top-banner .video-text {\n      display: flex;\n      flex-direction: column-reverse;\n    }\n\n    .FILIPA_0828 .kara-top-banner .video-text .text-area {\n      top: unset;\n      left: unset;\n      color: #000;\n      max-width: 94%;\n      position: relative;\n      background-color: #faf7f2;\n      text-align: center;\n      padding: 10.667vw 5.33vw;\n    }\n\n    .FILIPA_0828 .kara-top-banner .video-text .text-area .title {\n      font-size: 20px;\n      line-height: 8.5vw;\n      font-weight: 600;\n      margin-bottom: 4px;\n    }\n\n    .FILIPA_0828 .kara-top-banner .video-text .text-area .desc {\n      font-size: 14px;\n      line-height: 4.376vw;\n      font-weight: 500;\n    }\n\n    .FILIPA_0828 .kara-top-banner .video-text .text-area .grid-compoment {\n      display: grid;\n      grid-template-columns: 18% 82%;\n      column-gap: 0px;\n      row-gap: 0px;\n      width: 100%;\n      margin-top: 25px;\n    }\n\n    .FILIPA_0828 .kara-top-banner .video-text .text-area .grid-compoment .title {\n      font-size: 3.73vw;\n      line-height: 4.376vw;\n      padding: 7px 0;\n      border-top: 1px solid rgba(0, 0, 0, 0.2);\n      border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n      margin-bottom: 0;\n    }\n\n    .FILIPA_0828 .kara-top-banner .video-text .text-area .grid-compoment .desc {\n      font-size: 3.2vw;\n      line-height: 4.376vw;\n      padding: 7px 0;\n      border-top: 1px solid rgba(0, 0, 0, 0.2);\n      border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n    }\n\n    \/* .FILIPA_0828\n        .kara-top-banner\n        .video-text\n        .text-area\n        .grid-compoment\n        .title:nth-last-child(2) {\n        border-top: none;\n      }\n    \n      .FILIPA_0828\n        .kara-top-banner\n        .video-text\n        .text-area\n        .grid-compoment\n        .desc:nth-last-child(1) {\n        border-top: none;\n      } *\/\n\n    \/* kara-img-banner *\/\n    .FILIPA_0828 .kara-img-banner {\n      position: relative;\n      margin-top: 10.67vw;\n    }\n\n    .FILIPA_0828 .kara-img-banner img {\n      aspect-ratio: 355\/605;\n    }\n\n    .FILIPA_0828 .kara-img-banner .video-text .text-area {\n      top: 5.33vw;\n      left: unset;\n      max-width: 100%;\n      text-align: left;\n      padding: 0 3.25vw;\n    }\n\n    .FILIPA_0828 .kara-img-banner .video-text .text-area .title {\n      font-size: 20px;\n      line-height: 8.5vw;\n      font-weight: 600;\n      margin-bottom: 16px;\n    }\n\n    .FILIPA_0828 .kara-img-banner .video-text .text-area .desc {\n      font-size: 14px;\n      line-height: 4.376vw;\n      font-weight: 500;\n    }\n\n    .FILIPA_0828 .kara-img-banner .video-text .text-area .grid-compoment {\n      display: grid;\n      grid-template-columns: 18% 82%;\n      column-gap: 0px;\n      row-gap: 0px;\n      width: 100%;\n      margin-top: 25px;\n    }\n\n    .FILIPA_0828 .kara-img-banner .video-text .text-area .grid-compoment .title {\n      font-size: 3.73vw;\n      line-height: 4.376vw;\n      padding: 7px 0;\n      border-top: 1px solid rgba(0, 0, 0, 0.2);\n      border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n      margin-bottom: 0;\n    }\n\n    .FILIPA_0828 .kara-img-banner .video-text .text-area .grid-compoment .desc {\n      font-size: 3.2vw;\n      line-height: 4.376vw;\n      padding: 7px 0;\n      border-top: 1px solid rgba(0, 0, 0, 0.2);\n      border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n    }\n\n    \/* .FILIPA_0828 .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    \/* banner-sec *\/\n    .FILIPA_0828 .banner-sec {\n      position: relative;\n    }\n\n    .FILIPA_0828 .banner-sec img {\n      aspect-ratio: 355\/672;\n    }\n\n    .FILIPA_0828 .banner-sec .text-area {\n      right: unset;\n      top: 3.3%;\n      left: 3.1%;\n      max-width: 91%;\n    }\n\n    .FILIPA_0828 .banner-sec .text-area .title {\n      font-size: 20px;\n      line-height: 6.66vw;\n      font-weight: 600;\n      margin-bottom: 16px;\n    }\n\n    .FILIPA_0828 .banner-sec .text-area .desc {\n      font-size: 14px;\n      line-height: 4.376vw;\n      font-weight: 500\n    }\n\n    .FILIPA_0828 .banner-sec .grid-compoment {\n      right: unset;\n      left: 6.1vw;\n      bottom: 5.3vw;\n      width: 71%;\n      grid-template-columns: 100%;\n      row-gap: 0;\n      column-gap: 0;\n    }\n\n    .FILIPA_0828 .banner-sec .grid-compoment svg {\n      margin-right: 7px;\n      width: 3.2vw;\n      height: 3.2vw;\n    }\n\n    .FILIPA_0828 .banner-sec .grid-compoment .title {\n      font-size: 14px;\n      line-height: 3.75vw;\n      border-top: 1px solid rgba(255, 255, 255, 0.5);\n      margin-bottom: 0;\n      padding: 7px 0;\n      color: #ffffff;\n      font-weight: 500;\n    }\n\n    .FILIPA_0828 .banner-sec .grid-compoment\u003ediv:nth-last-child(1) .title {\n      border-bottom: 1px solid rgba(255, 255, 255, 0.5);\n    }\n\n    \/* trans_container *\/\n    .FILIPA_0828 .trans_container {\n      display: block;\n      margin-top: 10.667vw;\n      overflow-x: hidden;\n    }\n\n    .FILIPA_0828 .trans_container .active {\n      width: 94.66vw !important;\n      height: 86.932vw !important;\n    }\n\n    .FILIPA_0828 .trans_container .item_area .item_image {\n      width: 94.66vw !important;\n      aspect-ratio: 355\/327.36;\n      height: unset;\n    }\n\n    .FILIPA_0828 .trans_container .item_area {\n      transition: height 0.3s;\n      width: 94.66vw !important;\n      height: 26.667vw;\n    }\n\n    .FILIPA_0828 .trans_container .key-features-section__title {\n      \/* width: 53.333vw !important; *\/\n    }\n\n    .FILIPA_0828 .trans_container .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: #fff;\n      transition: all 0s;\n      transition-delay: 0s;\n    }\n\n    .FILIPA_0828 .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\n    .FILIPA_0828 .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\n    .FILIPA_0828 .trans_container .active .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\n    .FILIPA_0828 .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\n    .FILIPA_0828 .trans_container .item_area_fir .key-features-section__text {\n      height: 10.66vw;\n    }\n\n    .FILIPA_0828 .trans_container .item_area_sec .key-features-section__text {\n      height: 5.33vw;\n    }\n\n    .FILIPA_0828 .trans_container .item_area_thr .key-features-section__text {\n      height: 5.33vw;\n    }\n\n    .FILIPA_0828 .trans_container .item_area_sec {\n      \/* color: unset; *\/\n    }\n\n    .FILIPA_0828 .trans_container .item_area_sec .key-features-section__title-copy--large {\n      color: unset;\n    }\n\n    \/* .FILIPA_0828 .trans_container .item_area_thr {\n        color: #fff;\n      } *\/\n\n    \/* .FILIPA_0828\n        .trans_container\n        .item_area_thr\n        .key-features-section__title-copy--large {\n        color: #fff;\n      } *\/\n\n    .FILIPA_0828 .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    .FILIPA_0828 .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\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\u003c\/style\u003e  \u003cdiv class=\"FILIPA_0828\"\u003e  \u003c!-- top-banner --\u003e      \u003cdiv class=\"top-banner\"\u003e          \u003cdiv class=\"text-area\"\u003e              \u003cdiv class=\"title special_heading\"\u003e\u0026quot;Fashion and diversity, with every step\u0026quot;\u003c\/div\u003e              \u003cdiv class=\"desc\"\u003e- FILIPA\u003c\/div\u003e          \u003c\/div\u003e          \u003cvideo class=\"myVideo videos\" style=\"height: 100%; width: 100%;\" poster=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240828_7087\/pc01.jpg\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" height=\"100%\"\u003e              \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240828_7087\/20240827FILIPA_PC.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e      \u003c\/div\u003e      \u003c!-- kara-top-banner --\u003e      \u003cdiv class=\"kara-top-banner space-w\"\u003e          \u003cdiv class=\"video-text\"\u003e              \u003cdiv class=\"text-area\"\u003e                  \u003cdiv class=\"title special_heading\"\u003eAll Stretch Boots\u003c\/div\u003e                  \u003cdiv class=\"desc\"\u003e           The shaft of Filipa's stretch boots is designed to accommodate a wide range of calf types. Whether you have thick or thin calves, they wrap around your calves like knee-high socks and provide a great fit.          \u003c\/div\u003e              \u003c\/div\u003e              \u003cvideo class=\"myVideo videos\" style=\"height: 100%; width: 100%;\" poster=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240828_7087\/Filipa-tanli-1840-940-pc.jpg\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" height=\"100%\"\u003e                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240828_7087\/Filipa-tanli-1840-940-pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e          \u003c\/div\u003e      \u003c\/div\u003e      \u003c!-- kara-img-banner --\u003e      \u003cdiv class=\"kara-img-banner space-w\"\u003e          \u003cdiv class=\"video-text\"\u003e              \u003cdiv class=\"text-area\"\u003e                  \u003cdiv class=\"title special_heading\"\u003eHeat-Retaining Tech\u003c\/div\u003e                  \u003cdiv class=\"desc\"\u003eThe outer knit material is breathable and water repellent, the middle layer is made of aerogel to keep your body temperature in, and the inner fleece material provides warmth that is gentle on the skin.\u003c\/div\u003e              \u003c\/div\u003e              \u003cpicture style=\"width: 100%;\"\u003e                  \u003csource srcset=\"\n                https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/heat_taining_tech_notitle.jpg?v=1726048762               \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Frame_337501_3_89a4b507-3d96-481a-9c5e-7e583a18c1be.jpg?v=1730713215\" 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\"\u003eV-Pro WalkSole™\u003c\/div\u003e              \u003cdiv class=\"desc\"\u003eThe V-Pro WalkSole™ is even more comfortable with a host of new materials and technologies, including a honeycomb cushion insole, dual density midsole, and hyperflex outsole. Combined with doubled arch support, it provides shock absorption, breathability, antibacterial moisture wicking, and odor control to keep you dry and comfortable all day long.       \u003c\/div\u003e          \u003c\/div\u003e          \u003cpicture style=\"width: 100%;\"\u003e              \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240828_7087\/5050-FILIPA-m-2.jpg?imresize=710x1344             \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"img-banner\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240828_7087\/5050-FILIPA-pc-7.jpg?imresize=2760x1410\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e          \u003cdiv class=\"grid-compoment\"\u003e              \u003cdiv\u003e                  \u003cdiv class=\"title\"\u003e  \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e                          \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"white\"\u003e\u003c\/circle\u003e                          \u003cpath d=\"M10.5548 4.65907V14.8572H9.72475V5.71237L6.96247 6.73776V5.94953L10.4153 4.65907H10.5548Z\" fill=\"#AC9271\"\u003e\u003c\/path\u003e                      \u003c\/svg\u003e Honeycomb cushion insole\u003c\/div\u003e                  \u003c!--  \u003cdiv class=\"desc show-small\"\u003e                                              \u003csvg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e                                                      \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"white\" \/\u003e                                                      \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\u003cvideo class=\"videos no-auto\" style=\"width: 100%;\" poster=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240828_7087\/Filipa-%20water-980-900-fengmian.jpg\" loop=\"loop\" muted=\"\"\u003e                          \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240828_7087\/Filipa-water-980-900.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\"\u003e       water 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\"\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                  \u003c\/div\u003e\u003c!--       banner-thr       --\u003e              \u003cdiv class=\"banner-thr space-w show-big\" style=\"margin-top: 4.167vw;\"\u003e                  \u003cimg class=\"img-banner\" style=\"aspect-ratio: 1840\/920;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240828_7087\/5050-FILIPA-pc-9.jpg?imresize=2760x1380\" alt=\"VIVAIA\"\u003e  \u003c\/div\u003e                          \u003cdiv class=\"common-text-area space-w\" style=\"padding: 0;\"\u003e\u003cdiv class=\"common-title special_heading\"\u003e             LOOKBOOK             \u003c\/div\u003e\u003c\/div\u003e                      \u003cdiv class=\"myswiper_container\" style=\"margin-top: 0;\"\u003e \u003cdiv class=\"mySwiper-fir swiper-container-initialized swiper-container-horizontal\"\u003e                  \u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e         \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 262.857px; margin-right: 10px;\"\u003e              \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240828_7087\/5050-FILIPA-pc-3.jpg\" alt=\"VIVAIA\"\u003e              \u003c\/div\u003e                  \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 262.857px; margin-right: 10px;\"\u003e  \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240828_7087\/5050-FILIPA-pc-4.jpg\" alt=\"VIVAIA\"\u003e                          \u003c\/div\u003e\u003cdiv class=\"swiper-slide\" style=\"width: 262.857px; margin-right: 10px;\"\u003e                          \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240828_7087\/5050-FILIPA-pc-5.jpg\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e                      \u003cdiv class=\"swiper-slide\" style=\"width: 262.857px; margin-right: 10px;\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240828_7087\/5050-FILIPA-pc-1.jpg\" alt=\"VIVAIA\"\u003e                  \u003c\/div\u003e\u003cdiv class=\"swiper-slide\" style=\"width: 262.857px; margin-right: 10px;\"\u003e              \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240828_7087\/5050-FILIPA-pc-2.jpg\" alt=\"VIVAIA\"\u003e          \u003c\/div\u003e      \u003c\/div\u003e      \u003cdiv class=\"swiper-scrollbar\"\u003e  \u003cdiv class=\"swiper-scrollbar-drag\" style=\"transform: translate3d(0px, 0px, 0px); width: 646.149px;\"\u003e      \u003c\/div\u003e          \u003c\/div\u003e              \u003c\/div\u003e  \u003c\/div\u003e              \u003c\/div\u003e                  \u003cscript src=\"https:\/\/staticdn.vivaia.com\/onem\/vivaia\/css\/pages\/swiper\/swiper-bundles\/swiper.min.js\"\u003e\u003c\/script\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\n  function setVideo() {\n    document.querySelectorAll(\".top-banner video\") \u0026\u0026\n      document.querySelectorAll(\".top-banner video\").forEach((v) =\u003e {\n        if (window.innerWidth \u003e 768) {\n          v.innerHTML = `\u003csource\n            src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240828_7087\/20240827FILIPA_PC.mp4\"\n            type=\"video\/mp4\"\n          \/\u003e`;\n          v.poster =\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240828_7087\/pc01.jpg\";\n        } else {\n          v.innerHTML = `\u003csource\n            src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240828_7087\/20240827FILIPA_M01.mp4\"\n            type=\"video\/mp4\"\n          \/\u003e`;\n          v.poster =\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240828_7087\/m01.jpg\";\n        }\n      });\n\n    document.querySelectorAll(\".kara-top-banner video\") \u0026\u0026\n      document.querySelectorAll(\".kara-top-banner video\").forEach((v) =\u003e {\n        if (window.innerWidth \u003e 768) {\n          v.innerHTML = `\u003csource\n            src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240828_7087\/Filipa-tanli-1840-940-pc.mp4\"\n            type=\"video\/mp4\"\n          \/\u003e`;\n          v.poster =\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240828_7087\/Filipa-tanli-1840-940-pc.jpg\";\n        } else {\n          v.innerHTML = `\u003csource\n            src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240828_7087\/Filipa-tanli-1840-940-m.mp4\"\n            type=\"video\/mp4\"\n          \/\u003e`;\n          v.poster =\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240828_7087\/Filipa-tanli-1840-940-m.jpg\";\n        }\n      });\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\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                  \u003cscript\u003e\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(\"video\");\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\u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"filipa_Wool dark chocolate \/ JP-22.0cm\/EU-35","offer_id":45879240327424,"sku":"shbootse2405130001001","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool dark chocolate \/ JP-22.5cm\/EU-35.5","offer_id":45879240360192,"sku":"shbootse2405130001002","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool dark chocolate \/ JP-22.5~23.0cm\/EU-36","offer_id":45879240392960,"sku":"shbootse2405130001003","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool dark chocolate \/ JP-23.0cm\/EU-36.5","offer_id":45879240425728,"sku":"shbootse2405130001004","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool dark chocolate \/ JP-23.5cm\/EU-37","offer_id":45879240458496,"sku":"shbootse2405130001005","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool dark chocolate \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45879240491264,"sku":"shbootse2405130001006","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool dark chocolate \/ JP-24.0cm\/EU-38","offer_id":45879240524032,"sku":"shbootse2405130001007","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool dark chocolate \/ JP-24.5cm\/EU-38.5","offer_id":45879240556800,"sku":"shbootse2405130001008","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool dark chocolate \/ JP-24.5~25.0cm\/EU-39","offer_id":45879240589568,"sku":"shbootse2405130001009","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool dark chocolate \/ JP-25.0cm\/EU-39.5","offer_id":45879240622336,"sku":"shbootse2405130001010","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool dark chocolate \/ JP-25.5cm\/EU-40","offer_id":45879240655104,"sku":"shbootse2405130001011","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool dark chocolate \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45879240687872,"sku":"shbootse2405130001012","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool dark chocolate \/ JP-26.0cm\/EU-41","offer_id":45879240720640,"sku":"shbootse2405130001013","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool dark chocolate \/ JP-26.5cm\/EU-41.5","offer_id":45879240753408,"sku":"shbootse2405130001014","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool dark chocolate \/ JP-27.0cm\/EU-42","offer_id":45879240786176,"sku":"shbootse2405130001015","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool dark chocolate \/ JP-27.5cm\/EU-43","offer_id":45879240818944,"sku":"shbootse2405130001016","price":34900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1788146181-27e0a81f-ef88-486d-889c-5d58ce4fbb0c.jpg?v=1788165141","url":"https:\/\/checkout.vivaia.jp\/en\/products\/boots-filipa-dkchocolatewool","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}