/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/sass-loader/dist/cjs.js!./static/feature/Product/src/components/productCard-style-1/productCard-style-1.scss ***!
  \*****************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@media screen and (min-width: 768px) {
  .productCard-style-1-box-1 {
    display: flex;
    text-decoration: none;
    color: #333;
    position: relative;
    flex-direction: column;
    padding-bottom: 1px;
  }
  .productCard-style-1-box-1 .img-box {
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
  }
  .productCard-style-1-box-1 .img-box img {
    transition: all 0.3s ease-in-out;
    width: 100%;
    display: block;
    transition: all 0.3s ease-in-out;
    aspect-ratio: 1/1;
  }
  .productCard-style-1-box-1 .info-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: min(14 / 1920 * 100vw, 14px);
    flex: 1;
    display: flex;
  }
  .productCard-style-1-box-1 .info-box .price-info {
    flex: 1;
  }
  .productCard-style-1-box-1 .info-box .product-title {
    padding: 0 0;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  .productCard-style-1-box-1 .info-box .product-title {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .productCard-style-1-box-1 .info-box .price-box {
    padding: 0;
    margin-top: calc(3 / 1920 * 100vw);
    font-size: 14px;
    line-height: 20px;
    gap: 5px;
    font-weight: 500;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
  }
  .productCard-style-1-box-1 .info-box .price-box .tips {
    font-weight: 400;
    display: inline;
    color: #383838;
  }
  .productCard-style-1-box-1 .info-box .price-box .member-content {
    color: var(--member_color);
  }
  .productCard-style-1-box-1 .info-box .price-box .member-icon {
    display: inline-block;
    fill: var(--member_color);
    fill-rule: evenodd;
  }
  .productCard-style-1-box-1 .info-box .price-box .price-conversion {
    color: black;
    display: inline;
    font-weight: 600;
  }
  .productCard-style-1-box-1 .info-box .price-box .member-price {
    color: var(--member_color);
    display: inline;
    font-weight: 600;
  }
  .productCard-style-1-box-1 .info-box .price-box .compare-price {
    text-decoration: line-through;
    color: #383838;
    display: inline;
    font-weight: 400;
  }
  .productCard-style-1-box-1 .tag-box {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    background-color: #fec629;
    color: #0F0F0F;
    padding: 3px 8px;
    border-radius: 120px;
    font-size: 14px;
    font-weight: 500;
  }
  .productCard-style-1-box-1 .tag-box-2 {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    background-color: #ffffff;
    border: 1px solid #5d36ff;
    border-radius: 10000px;
    color: #000;
    padding: 4px 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .productCard-style-1-box-1 .tag-box-2 .member-icon {
    fill: var(--member_color);
    fill-rule: evenodd;
    width: 12px;
    height: auto;
    display: block;
  }
  .productCard-style-1-box-1 .skeleton {
    overflow: hidden;
    background-color: #f7f7f7;
    position: relative;
    border-radius: 6px;
  }
  .productCard-style-1-box-1 .skeleton * {
    opacity: 0;
  }
  .productCard-style-1-box-1 .skeleton::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(225, 225, 225, 0.57), transparent);
    animation: loading 4s infinite;
  }
  @keyframes loading {
    100% {
      transform: translateX(200%);
    }
  }
  .productCard-style-1-box-1.loading-temp .price-box {
    width: 60%;
    height: 20px;
    overflow: hidden;
  }
  .productCard-style-1-box-1.loading-temp .img-box,
  .productCard-style-1-box-1.loading-temp .price-box,
  .productCard-style-1-box-1.loading-temp .product-title {
    overflow: hidden;
    background-color: #f7f7f7;
    position: relative;
    border-radius: 6px;
  }
  .productCard-style-1-box-1.loading-temp .img-box *,
  .productCard-style-1-box-1.loading-temp .price-box *,
  .productCard-style-1-box-1.loading-temp .product-title * {
    opacity: 0;
  }
  .productCard-style-1-box-1.loading-temp .img-box::after,
  .productCard-style-1-box-1.loading-temp .price-box::after,
  .productCard-style-1-box-1.loading-temp .product-title::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(225, 225, 225, 0.57), transparent);
    animation: loading 4s infinite;
  }
  @keyframes loading {
    100% {
      transform: translateX(200%);
    }
  }
  .productCard-style-1-box-1.loading-temp .info-box {
    margin: 10px 0 0;
  }
  .productCard-style-1-box-1.loading-temp .price-box {
    align-self: start;
  }
  .productCard-style-1-box-1 .card-button-box {
    display: flex;
    align-items: center;
    gap: 10px;
    -webkit-tap-highlight-color: transparent;
    /* 移除点击高亮 */
    touch-action: manipulation;
    /* 优化触摸操作 */
  }
  .productCard-style-1-box-1 .card-button {
    width: 100%;
    height: calc(42 / 1920 * 100vw);
    min-height: 40px;
    background-color: rgb(254, 198, 41);
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    color: rgb(15, 15, 15);
    line-height: 1;
    border-radius: 8px;
    margin: 0 auto;
    transition: 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .productCard-style-1-box-1 .card-bundle-button {
    display: flex;
    color: #0f0f0f;
    font-weight: 600;
    font-size: 14px;
    border-radius: 8px;
  }
  .productCard-style-1-box-1 .card-bundle-button .button-text {
    width: 77px;
    font-family: Poppins-Medium;
    height: min(2.3vw, 75px);
    min-height: 40px;
    border-radius: 8px 0px 0px 8px;
    border: 1px solid #0f0f0f;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .productCard-style-1-box-1 .card-bundle-button .triangle-box {
    width: 34px;
    height: min(2.3vw, 75px);
    min-height: 40px;
    border-radius: 0px 8px 8px 0px;
    border: 1px solid #0f0f0f;
    border-left: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .productCard-style-1-box-1 .card-bundle-button .triangle-box .triangle {
    transition: all 0.3s ease-in-out;
    fill: #0f0f0f;
  }
  .productCard-style-1-box-1 .card-bundle-button:hover {
    color: #ffffff;
    background: #333333;
  }
  .productCard-style-1-box-1 .card-bundle-button:hover .button-text {
    border: none;
    border-right: 1px solid #ffffff;
  }
  .productCard-style-1-box-1 .card-bundle-button:hover .triangle-box {
    border: none;
  }
  .productCard-style-1-box-1 .card-bundle-button:hover .triangle-box .triangle {
    fill: #ffffff;
  }
  .productCard-style-1-box-1 .card-bundle-button.open {
    color: #ffffff;
    background: #0f0f0f;
  }
  .productCard-style-1-box-1 .card-bundle-button.open .button-text {
    border: none;
    border-right: 1px solid #ffffff;
  }
  .productCard-style-1-box-1 .card-bundle-button.open .triangle-box {
    border: none;
  }
  .productCard-style-1-box-1 .card-bundle-button.open .triangle-box .triangle {
    fill: #ffffff;
    transform: rotate(-90deg);
  }
  .productCard-style-1-box-1:hover .img-box {
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);
  }
  .productCard-style-1-box-1:hover .img-box img {
    transform: scale(1.05);
  }
  .productCard-style-1-box-2 {
    display: flex;
    text-decoration: none;
    color: #333;
    position: relative;
    flex-direction: column;
    padding-bottom: 1px;
  }
  .productCard-style-1-box-2 .img-box {
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
  }
  .productCard-style-1-box-2 .img-box img {
    transition: all 0.3s ease-in-out;
    width: 100%;
    display: block;
    transition: all 0.3s ease-in-out;
    aspect-ratio: 1/1;
  }
  .productCard-style-1-box-2 .info-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: min(14 / 1920 * 100vw, 14px);
    flex: 1;
    display: flex;
  }
  .productCard-style-1-box-2 .info-box .price-info {
    flex: 1;
  }
  .productCard-style-1-box-2 .info-box .product-title {
    padding: 0 0;
    font-weight: 500;
    font-size: 14px;
    color: #0f0f0f;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  .productCard-style-1-box-2 .info-box .product-title {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .productCard-style-1-box-2 .info-box .price-box {
    padding: 0;
    margin-top: calc(3 / 1920 * 100vw);
    font-size: 14px;
    line-height: 20px;
    gap: 5px;
    font-weight: 500;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
  }
  .productCard-style-1-box-2 .info-box .price-box .tips {
    font-weight: 400;
    display: inline;
    color: #383838;
  }
  .productCard-style-1-box-2 .info-box .price-box .member-content {
    color: var(--member_color);
  }
  .productCard-style-1-box-2 .info-box .price-box .member-icon {
    display: none;
  }
  .productCard-style-1-box-2 .info-box .price-box .price-conversion {
    color: black;
    display: inline;
    font-weight: 600;
  }
  .productCard-style-1-box-2 .info-box .price-box .member-price {
    color: #007431;
    display: inline;
    font-weight: 600;
  }
  .productCard-style-1-box-2 .info-box .price-box .compare-price {
    text-decoration: line-through;
    color: #383838;
    display: inline;
    font-weight: 400;
  }
  .productCard-style-1-box-2 .tag-box {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    background-color: #fec629;
    color: #0F0F0F;
    padding: 3px 8px;
    border-radius: 120px;
    font-size: 14px;
    font-weight: 500;
  }
  .productCard-style-1-box-2 .tag-box-2 {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    background-color: #ffffff;
    border: 1px solid #5d36ff;
    border-radius: 10000px;
    color: #000;
    padding: 4px 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .productCard-style-1-box-2 .tag-box-2 .member-icon {
    fill: var(--member_color);
    fill-rule: evenodd;
    width: 12px;
    height: auto;
    display: block;
  }
  .productCard-style-1-box-2 .skeleton {
    overflow: hidden;
    background-color: #f7f7f7;
    position: relative;
    border-radius: 6px;
  }
  .productCard-style-1-box-2 .skeleton * {
    opacity: 0;
  }
  .productCard-style-1-box-2 .skeleton::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(225, 225, 225, 0.57), transparent);
    animation: loading 4s infinite;
  }
  @keyframes loading {
    100% {
      transform: translateX(200%);
    }
  }
  .productCard-style-1-box-2.loading-temp .price-box {
    width: 60%;
    height: 20px;
    overflow: hidden;
  }
  .productCard-style-1-box-2.loading-temp .img-box,
  .productCard-style-1-box-2.loading-temp .price-box,
  .productCard-style-1-box-2.loading-temp .product-title {
    overflow: hidden;
    background-color: #f7f7f7;
    position: relative;
    border-radius: 6px;
  }
  .productCard-style-1-box-2.loading-temp .img-box *,
  .productCard-style-1-box-2.loading-temp .price-box *,
  .productCard-style-1-box-2.loading-temp .product-title * {
    opacity: 0;
  }
  .productCard-style-1-box-2.loading-temp .img-box::after,
  .productCard-style-1-box-2.loading-temp .price-box::after,
  .productCard-style-1-box-2.loading-temp .product-title::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(225, 225, 225, 0.57), transparent);
    animation: loading 4s infinite;
  }
  @keyframes loading {
    100% {
      transform: translateX(200%);
    }
  }
  .productCard-style-1-box-2.loading-temp .info-box {
    margin: 10px 0 0;
  }
  .productCard-style-1-box-2.loading-temp .price-box {
    align-self: start;
  }
  .productCard-style-1-box-2 .card-button-box {
    display: flex;
    align-items: center;
    gap: 10px;
    -webkit-tap-highlight-color: transparent;
    /* 移除点击高亮 */
    touch-action: manipulation;
    /* 优化触摸操作 */
  }
  .productCard-style-1-box-2 .card-button {
    width: 100%;
    height: calc(42 / 1920 * 100vw);
    min-height: 40px;
    transition: 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border: 1px solid #0F0F0F;
    border-radius: calc(8 / 1920 * 100vw);
    text-align: center;
    font-weight: 500;
    font-size: calc(16 / 1920 * 100vw);
    color: #0F0F0F;
    line-height: 1;
  }
  .productCard-style-1-box-2 .card-button:hover {
    background: #0F0F0F;
    color: #FFFFFF;
  }
  .productCard-style-1-box-2 .card-bundle-button {
    display: flex;
    color: #0f0f0f;
    font-weight: 600;
    font-size: calc(14 / 1920 * 100vw);
    border-radius: calc(8 / 1920 * 100vw);
  }
  .productCard-style-1-box-2 .card-bundle-button .button-text {
    width: calc(77 / 1920 * 100vw);
    font-family: Poppins-Medium;
    height: min(2.3vw, 75px);
    min-height: 40px;
    border-radius: calc(8 / 1920 * 100vw) 0px 0px calc(8 / 1920 * 100vw);
    border: 1px solid #0f0f0f;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .productCard-style-1-box-2 .card-bundle-button .triangle-box {
    width: calc(34 / 1920 * 100vw);
    height: min(2.3vw, 75px);
    min-height: 40px;
    border-radius: 0px calc(8 / 1920 * 100vw) calc(8 / 1920 * 100vw) 0px;
    border: 1px solid #0f0f0f;
    border-left: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .productCard-style-1-box-2 .card-bundle-button .triangle-box .triangle {
    transition: all 0.3s ease-in-out;
    fill: #0f0f0f;
  }
  .productCard-style-1-box-2 .card-bundle-button:hover {
    color: #ffffff;
    background: #333333;
  }
  .productCard-style-1-box-2 .card-bundle-button:hover .button-text {
    border: none;
    border-right: 1px solid #ffffff;
  }
  .productCard-style-1-box-2 .card-bundle-button:hover .triangle-box {
    border: none;
  }
  .productCard-style-1-box-2 .card-bundle-button:hover .triangle-box .triangle {
    fill: #ffffff;
  }
  .productCard-style-1-box-2 .card-bundle-button.open {
    color: #ffffff;
    background: #0f0f0f;
  }
  .productCard-style-1-box-2 .card-bundle-button.open .button-text {
    border: none;
    border-right: 1px solid #ffffff;
  }
  .productCard-style-1-box-2 .card-bundle-button.open .triangle-box {
    border: none;
  }
  .productCard-style-1-box-2 .card-bundle-button.open .triangle-box .triangle {
    fill: #ffffff;
    transform: rotate(-90deg);
  }
  .productCard-style-1-box-2:hover .img-box {
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);
  }
  .productCard-style-1-box-2:hover .img-box img {
    transform: scale(1.05);
  }
}
@media screen and (max-width: 768px) {
  .productCard-style-1-box-1 {
    display: block;
    text-decoration: none;
    color: #333;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 1px;
  }
  .productCard-style-1-box-1 .img-box {
    overflow: hidden;
    border-radius: 16px;
    aspect-ratio: 1/1;
    border: 1px solid #DDDDDD;
  }
  .productCard-style-1-box-1 .img-box img {
    width: 100%;
    display: block;
    transition: all 0.3s ease-in-out;
  }
  .productCard-style-1-box-1 .info-box {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 10px;
    gap: 0;
  }
  .productCard-style-1-box-1 .info-box .product-title {
    font-weight: 500;
    font-size: calc(14 / 430 * 100vw);
    color: #0f0f0f;
    line-height: calc(17 / 430 * 100vw);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .productCard-style-1-box-1 .info-box .price-box {
    display: flex;
    flex-wrap: wrap;
    gap: calc(5 / 430 * 100vw);
    row-gap: 0;
    margin-top: calc(5 / 430 * 100vw);
    font-weight: 400;
    font-size: calc(14 / 430 * 100vw);
    color: #5e5e5e;
    line-height: calc(18 / 430 * 100vw);
    align-items: center;
  }
  .productCard-style-1-box-1 .info-box .price-box b {
    color: #0f0f0f;
    font-weight: 600;
  }
  .productCard-style-1-box-1 .info-box .price-box .tips {
    font-weight: 400;
    display: inline;
    color: #383838;
  }
  .productCard-style-1-box-1 .info-box .price-box .member-content {
    color: var(--member_color);
    display: inline;
    align-items: center;
  }
  .productCard-style-1-box-1 .info-box .price-box .member-icon {
    fill: var(--member_color);
    fill-rule: evenodd;
    display: inline-block;
  }
  .productCard-style-1-box-1 .info-box .price-box .price-conversion {
    color: black;
    display: inline;
    line-height: 1.2;
    font-weight: 600;
  }
  .productCard-style-1-box-1 .info-box .price-box .price-conversion.member-price {
    color: var(--member_color);
  }
  .productCard-style-1-box-1 .info-box .price-box .compare-price {
    text-decoration: line-through;
    color: #383838;
    display: inline;
    font-weight: 400;
  }
  .productCard-style-1-box-1 .tag-box {
    position: absolute;
    top: calc(9 / 430 * 100vw);
    left: calc(9 / 430 * 100vw);
    z-index: 1;
    background-color: #fec629;
    color: #0F0F0F;
    padding: calc(1 / 430 * 100vw) calc(9 / 430 * 100vw);
    border-radius: 300px;
    font-size: calc(14 / 430 * 100vw);
    line-height: calc(19 / 430 * 100vw);
    font-weight: 500;
  }
  .productCard-style-1-box-1 .tag-box-2 {
    position: absolute;
    top: calc(10 / 430 * 100vw);
    left: calc(10 / 430 * 100vw);
    z-index: 1;
    background-color: #ffffff;
    border: 1px solid #5d36ff;
    border-radius: 10000px;
    color: #000;
    padding: calc(4 / 430 * 100vw) calc(12 / 430 * 100vw);
    font-size: calc(14 / 430 * 100vw);
    font-weight: 600;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: calc(6 / 430 * 100vw);
  }
  .productCard-style-1-box-1 .tag-box-2 .member-icon {
    fill: var(--member_color);
    fill-rule: evenodd;
    width: 12px;
    height: auto;
    display: block;
  }
  .productCard-style-1-box-1 .skeleton {
    overflow: hidden;
    background-color: #f7f7f7;
    position: relative;
    border-radius: 6px;
  }
  .productCard-style-1-box-1 .skeleton * {
    opacity: 0;
  }
  .productCard-style-1-box-1 .skeleton::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(238, 238, 238, 0.57), transparent);
    animation: loading 4s infinite;
  }
  @keyframes loading {
    100% {
      transform: translateX(200%);
    }
  }
  .productCard-style-1-box-1.loading-temp .price-box {
    width: 60%;
    height: 20px;
    overflow: hidden;
  }
  .productCard-style-1-box-1.loading-temp .img-box,
  .productCard-style-1-box-1.loading-temp .price-box,
  .productCard-style-1-box-1.loading-temp .product-title {
    overflow: hidden;
    background-color: #f7f7f7;
    position: relative;
    border-radius: 6px;
  }
  .productCard-style-1-box-1.loading-temp .img-box *,
  .productCard-style-1-box-1.loading-temp .price-box *,
  .productCard-style-1-box-1.loading-temp .product-title * {
    opacity: 0;
  }
  .productCard-style-1-box-1.loading-temp .img-box::after,
  .productCard-style-1-box-1.loading-temp .price-box::after,
  .productCard-style-1-box-1.loading-temp .product-title::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(238, 238, 238, 0.57), transparent);
    animation: loading 4s infinite;
  }
  @keyframes loading {
    100% {
      transform: translateX(200%);
    }
  }
  .productCard-style-1-box-1.loading-temp .info-box {
    margin: 10px 0 0;
  }
  .productCard-style-1-box-1.loading-temp .price-box {
    align-self: start;
  }
  .productCard-style-1-box-1 .card-button-box {
    display: none;
  }
  .productCard-style-1-box-1 .card-button {
    flex: 1;
    height: min(3.125vw, 75px);
    min-height: 40px;
    background: #fec629;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Poppins, Poppins;
    font-weight: 500;
    font-size: 14px;
    color: #0f0f0f;
  }
  .productCard-style-1-box-1 .card-bundle-button {
    max-width: 40%;
    display: flex;
    color: #0f0f0f;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    background: #0f0f0f;
    gap: calc(5 / 430 * 100vw);
  }
}
@media screen and (max-width: 768px) and (max-width: 400px) {
  .productCard-style-1-box-1 .card-bundle-button {
    gap: calc(10 / 430 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .productCard-style-1-box-1 .card-bundle-button .button-text {
    font-family: Poppins-Medium;
    padding-left: calc(6 / 430 * 100vw);
    width: calc(48 / 430 * 100vw);
    height: min(3.125vw, 75px);
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Poppins, Poppins;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
  }
}
@media screen and (max-width: 768px) and (max-width: 400px) {
  .productCard-style-1-box-1 .card-bundle-button .button-text {
    padding-left: calc(10 / 430 * 100vw);
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .productCard-style-1-box-1 .card-bundle-button .triangle-box {
    width: calc(12 / 430 * 100vw);
    height: min(3.125vw, 75px);
    min-height: 40px;
    border-radius: 0px 14px 14px 0px;
    border-left: none;
    display: flex;
    align-items: center;
  }
  .productCard-style-1-box-1 .card-bundle-button .triangle-box .triangle {
    transition: all 0.3s ease-in-out;
    fill: #0f0f0f;
    width: calc(7 / 430 * 100vw);
    height: calc(9 / 430 * 100vw);
    max-width: 7px;
    max-height: 9px;
  }
  .productCard-style-1-box-1 .card-bundle-button:hover {
    color: #ffffff;
    background: #646464;
  }
  .productCard-style-1-box-1 .card-bundle-button:hover .button-text {
    border: none;
  }
  .productCard-style-1-box-1 .card-bundle-button:hover .triangle-box {
    border: none;
  }
  .productCard-style-1-box-1 .card-bundle-button:hover .triangle-box .triangle {
    fill: #ffffff;
  }
  .productCard-style-1-box-1 .card-bundle-button.open {
    color: #ffffff;
    background: #646464;
  }
  .productCard-style-1-box-1 .card-bundle-button.open .button-text {
    border: none;
  }
  .productCard-style-1-box-1 .card-bundle-button.open .triangle-box {
    border: none;
  }
  .productCard-style-1-box-1 .card-bundle-button.open .triangle-box .triangle {
    fill: #ffffff;
    transform: rotate(-90deg);
  }
  .productCard-style-1-box-2 {
    display: block;
    text-decoration: none;
    color: #333;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 1px;
  }
  .productCard-style-1-box-2 .img-box {
    overflow: hidden;
    border-radius: 16px;
    aspect-ratio: 1/1;
    border: 1px solid #DDDDDD;
  }
  .productCard-style-1-box-2 .img-box img {
    width: 100%;
    display: block;
    transition: all 0.3s ease-in-out;
  }
  .productCard-style-1-box-2 .info-box {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 10px;
    gap: 0;
  }
  .productCard-style-1-box-2 .info-box .product-title {
    font-weight: 500;
    font-size: calc(14 / 430 * 100vw);
    color: #0f0f0f;
    line-height: calc(17 / 430 * 100vw);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .productCard-style-1-box-2 .info-box .price-box {
    display: flex;
    flex-wrap: wrap;
    gap: calc(5 / 430 * 100vw);
    row-gap: 0;
    margin-top: calc(5 / 430 * 100vw);
    font-weight: 400;
    font-size: calc(14 / 430 * 100vw);
    color: #5e5e5e;
    line-height: calc(18 / 430 * 100vw);
    align-items: center;
  }
  .productCard-style-1-box-2 .info-box .price-box b {
    color: #0f0f0f;
    font-weight: 600;
  }
  .productCard-style-1-box-2 .info-box .price-box .tips {
    font-weight: 400;
    display: inline;
    color: #383838;
  }
  .productCard-style-1-box-2 .info-box .price-box .member-content {
    color: var(--member_color);
    display: inline;
    align-items: center;
  }
  .productCard-style-1-box-2 .info-box .price-box .member-icon {
    display: none;
  }
  .productCard-style-1-box-2 .info-box .price-box .price-conversion {
    color: black;
    display: inline;
    line-height: 1.2;
    font-weight: 600;
  }
  .productCard-style-1-box-2 .info-box .price-box .price-conversion.member-price {
    color: #007431;
  }
  .productCard-style-1-box-2 .info-box .price-box .compare-price {
    text-decoration: line-through;
    color: #383838;
    display: inline;
    font-weight: 400;
  }
  .productCard-style-1-box-2 .tag-box {
    position: absolute;
    top: calc(9 / 430 * 100vw);
    left: calc(9 / 430 * 100vw);
    z-index: 1;
    background-color: #fec629;
    color: #0F0F0F;
    padding: calc(1 / 430 * 100vw) calc(9 / 430 * 100vw);
    border-radius: 300px;
    font-size: calc(14 / 430 * 100vw);
    line-height: calc(19 / 430 * 100vw);
    font-weight: 500;
  }
  .productCard-style-1-box-2 .tag-box-2 {
    position: absolute;
    top: calc(10 / 430 * 100vw);
    left: calc(10 / 430 * 100vw);
    z-index: 1;
    background-color: #ffffff;
    border: 1px solid #5d36ff;
    border-radius: 10000px;
    color: #000;
    padding: calc(4 / 430 * 100vw) calc(12 / 430 * 100vw);
    font-size: calc(14 / 430 * 100vw);
    font-weight: 600;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: calc(6 / 430 * 100vw);
  }
  .productCard-style-1-box-2 .tag-box-2 .member-icon {
    fill: var(--member_color);
    fill-rule: evenodd;
    width: 12px;
    height: auto;
    display: block;
  }
  .productCard-style-1-box-2 .skeleton {
    overflow: hidden;
    background-color: #f7f7f7;
    position: relative;
    border-radius: 6px;
  }
  .productCard-style-1-box-2 .skeleton * {
    opacity: 0;
  }
  .productCard-style-1-box-2 .skeleton::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(238, 238, 238, 0.57), transparent);
    animation: loading 4s infinite;
  }
  @keyframes loading {
    100% {
      transform: translateX(200%);
    }
  }
  .productCard-style-1-box-2.loading-temp .price-box {
    width: 60%;
    height: 20px;
    overflow: hidden;
  }
  .productCard-style-1-box-2.loading-temp .img-box,
  .productCard-style-1-box-2.loading-temp .price-box,
  .productCard-style-1-box-2.loading-temp .product-title {
    overflow: hidden;
    background-color: #f7f7f7;
    position: relative;
    border-radius: 6px;
  }
  .productCard-style-1-box-2.loading-temp .img-box *,
  .productCard-style-1-box-2.loading-temp .price-box *,
  .productCard-style-1-box-2.loading-temp .product-title * {
    opacity: 0;
  }
  .productCard-style-1-box-2.loading-temp .img-box::after,
  .productCard-style-1-box-2.loading-temp .price-box::after,
  .productCard-style-1-box-2.loading-temp .product-title::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(238, 238, 238, 0.57), transparent);
    animation: loading 4s infinite;
  }
  @keyframes loading {
    100% {
      transform: translateX(200%);
    }
  }
  .productCard-style-1-box-2.loading-temp .info-box {
    margin: 10px 0 0;
  }
  .productCard-style-1-box-2.loading-temp .price-box {
    align-self: start;
  }
  .productCard-style-1-box-2 .card-button-box {
    display: none;
  }
  .productCard-style-1-box-2 .card-button {
    flex: 1;
    height: min(3.125vw, 75px);
    min-height: 40px;
    background: #fec629;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Poppins, Poppins;
    font-weight: 500;
    font-size: 14px;
    color: #0f0f0f;
  }
  .productCard-style-1-box-2 .card-bundle-button {
    max-width: 40%;
    display: flex;
    color: #0f0f0f;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    background: #0f0f0f;
    gap: calc(5 / 430 * 100vw);
  }
}
@media screen and (max-width: 768px) and (max-width: 400px) {
  .productCard-style-1-box-2 .card-bundle-button {
    gap: calc(10 / 430 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .productCard-style-1-box-2 .card-bundle-button .button-text {
    font-family: Poppins-Medium;
    padding-left: calc(6 / 430 * 100vw);
    width: calc(48 / 430 * 100vw);
    height: min(3.125vw, 75px);
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Poppins, Poppins;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
  }
}
@media screen and (max-width: 768px) and (max-width: 400px) {
  .productCard-style-1-box-2 .card-bundle-button .button-text {
    padding-left: calc(10 / 430 * 100vw);
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  .productCard-style-1-box-2 .card-bundle-button .triangle-box {
    width: calc(12 / 430 * 100vw);
    height: min(3.125vw, 75px);
    min-height: 40px;
    border-radius: 0px 14px 14px 0px;
    border-left: none;
    display: flex;
    align-items: center;
  }
  .productCard-style-1-box-2 .card-bundle-button .triangle-box .triangle {
    transition: all 0.3s ease-in-out;
    fill: #0f0f0f;
    width: calc(7 / 430 * 100vw);
    height: calc(9 / 430 * 100vw);
    max-width: 7px;
    max-height: 9px;
  }
  .productCard-style-1-box-2 .card-bundle-button:hover {
    color: #ffffff;
    background: #646464;
  }
  .productCard-style-1-box-2 .card-bundle-button:hover .button-text {
    border: none;
  }
  .productCard-style-1-box-2 .card-bundle-button:hover .triangle-box {
    border: none;
  }
  .productCard-style-1-box-2 .card-bundle-button:hover .triangle-box .triangle {
    fill: #ffffff;
  }
  .productCard-style-1-box-2 .card-bundle-button.open {
    color: #ffffff;
    background: #646464;
  }
  .productCard-style-1-box-2 .card-bundle-button.open .button-text {
    border: none;
  }
  .productCard-style-1-box-2 .card-bundle-button.open .triangle-box {
    border: none;
  }
  .productCard-style-1-box-2 .card-bundle-button.open .triangle-box .triangle {
    fill: #ffffff;
    transform: rotate(-90deg);
  }
}
@media screen and (max-width: 769px) {
  .pc-show {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .mobile-show {
    display: none !important;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/string-replace-loader/index.js??ruleSet[0].use[1]!./static/feature/Product/src/components/productCard-style-1/productCard-style-1.vue?vue&type=style&index=0&id=2f4d7fed&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* .productCard-style-1-box {

} */


/*# sourceMappingURL=static_feature_Product_src_components_productCard-style-1_productCard-style-1_vue-static_feat-27baa3.614b3c26ecd50048ea85.css.map*/