{"product_id":"boots-filipa-richgreywool","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 rich grey \/ JP-22.0cm\/EU-35","offer_id":45879235182848,"sku":"shbootse2405100027001","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool rich grey \/ JP-22.5cm\/EU-35.5","offer_id":45879235215616,"sku":"shbootse2405100027002","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool rich grey \/ JP-22.5~23.0cm\/EU-36","offer_id":45879235248384,"sku":"shbootse2405100027003","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool rich grey \/ JP-23.0cm\/EU-36.5","offer_id":45879235281152,"sku":"shbootse2405100027004","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool rich grey \/ JP-23.5cm\/EU-37","offer_id":45879235313920,"sku":"shbootse2405100027005","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool rich grey \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45879235346688,"sku":"shbootse2405100027006","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool rich grey \/ JP-24.0cm\/EU-38","offer_id":45879235379456,"sku":"shbootse2405100027007","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool rich grey \/ JP-24.5cm\/EU-38.5","offer_id":45879235412224,"sku":"shbootse2405100027008","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool rich grey \/ JP-24.5~25.0cm\/EU-39","offer_id":45879235444992,"sku":"shbootse2405100027009","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool rich grey \/ JP-25.0cm\/EU-39.5","offer_id":45879235477760,"sku":"shbootse2405100027010","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool rich grey \/ JP-25.5cm\/EU-40","offer_id":45879235543296,"sku":"shbootse2405100027011","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool rich grey \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45879235576064,"sku":"shbootse2405100027012","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool rich grey \/ JP-26.0cm\/EU-41","offer_id":45879235608832,"sku":"shbootse2405100027013","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool rich grey \/ JP-26.5cm\/EU-41.5","offer_id":45879235641600,"sku":"shbootse2405100027014","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool rich grey \/ JP-27.0cm\/EU-42","offer_id":45879235674368,"sku":"shbootse2405100027015","price":34900.0,"currency_code":"JPY","in_stock":true},{"title":"filipa_Wool rich grey \/ JP-27.5cm\/EU-43","offer_id":45879235707136,"sku":"shbootse2405100027016","price":34900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1724395429-5952f2c0-a34d-4726-b25c-d9e69239c782.jpg?v=1729159448","url":"https:\/\/checkout.vivaia.jp\/en\/products\/boots-filipa-richgreywool","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}