
input{
  -webkit-appearance:none;
}
@media (min-width:750px){
  .mp-modal__wrapper .mp-modal__container.product-preview-modal-container{
    bottom:60px;
    left:60px;
    margin:auto;
    max-width:1200px;
    right:60px;
    top:60px;
    transform:none;
  }
  .mp-modal__wrapper .mp-modal__container.product-preview-modal-container .product-preview-modal-body{
    height:100%;
    margin:0 !important;
    padding:0 !important;
  }
  .mp-modal__wrapper .mp-modal__container.product-preview-modal-container .product-preview-modal-body .product-preview-modal-content{
    height:100%;
    overflow:auto;
    padding:0 8px 48px;
  }
  .mp-modal__wrapper .mp-modal__container.product-preview-modal-container .product-preview-modal-body .product-preview-modal-content .product-preview-modal-top-space{
    padding-top:48px;
  }
}
.product-preview-modal-content .mp-loading{
  color:rgba(var(--color-text));
}

@media (min-width:750px){
  .mp-modal__wrapper .product-preview-modal-container .mp-modal__close{
    align-items:center;
    background-color:rgba(var(--color-secondary-btn-backgroud));
    border-radius:50%;
    color:rgba(var(--color-secondary-btn-text));
    display:flex;
    height:40px;
    justify-content:center;
    right:0;
    top:0;
    transform:translate(40%, -40%);
    transition:transform .15s ease-out;
    width:40px;
  }
  .mp-modal__wrapper .product-preview-modal-container .mp-modal__close svg{
    height:20px;
    width:20px;
  }
  .mp-modal__wrapper .product-preview-modal-container .mp-modal__close:hover{
    transform:translate(40%, -40%) scale(1.08);
  }
}

@media (max-width:749.98px){
  .mp-modal__wrapper .mp-modal__container .product-preview-modal-content{
    min-height:100%;
  }
  .mp-modal__wrapper .mp-modal__container .mp-modal__close{
    align-items:center;
    background-color:rgba(var(--color-secondary-btn-backgroud));
    border:1px solid rgba(var(--color-text), .05);
    border-radius:50%;
    color:rgba(var(--color-secondary-btn-text));
    display:flex;
    height:40px;
    justify-content:center;
    right:10px;
    top:10px;
    width:40px;
  }
}
[data-vip-tag]{
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 23 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5 1a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-20a1 1 0 0 1-1-1V1z' fill='%233B3836'/%3E%3Cpath d='M4.1 2.782h1.498l1.487 4.385 1.487-4.385h1.498L7.654 9.125H6.506L4.1 2.782zm6.722 0h1.432v6.343h-1.432V2.782zm5.606 0c.766 0 1.367.178 1.805.533.444.356.667.843.667 1.462 0 .588-.223 1.06-.667 1.416-.438.349-1.04.524-1.805.524H15.04v2.408h-1.433V2.782h2.822zm-.065 2.877c.343 0 .612-.076.81-.23.196-.153.294-.37.294-.652 0-.306-.098-.54-.295-.699-.19-.165-.46-.248-.81-.248H15.04v1.83h1.323z' fill='%23FFD8A2'/%3E%3C/svg%3E") no-repeat 50%;
}
[data-vip-tag]:after{
  content:".";
  text-indent:-9999px;
}

[data-vip-tag=small],[data-vip-tag]{
  display:inline-flex;
  width:26px;
}

[data-vip-tag=big]{
  display:inline-flex;
  width:38px;
}

[data-vip-tag=big].hide,[data-vip-tag=small].hide{
  display:none;
}

.product-item .product-item-sale-tag,.product-item .product-item-soldout-tag{
  border-radius:var(--product-discount-radius);
  bottom:0;
  left:0;
  max-width:100%;
  padding:4px 12px;
  position:absolute;
  text-align:center;
  z-index:1;
}

.product-item__btn.product-item__btn--loading{
  position:relative;
}
.product-item__btn.product-item__btn--loading:before{
  animation:loading-spin 1s linear infinite;
  border:2px solid;
  border-color:var(--color-text);
  border-radius:50%;
  border-top-color:transparent;
  content:"";
  display:block;
  height:18px;
  left:50%;
  margin-left:-9px;
  margin-top:-9px;
  position:absolute;
  top:50%;
  width:18px;
}

.product-item__inner-wrap{
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:space-between;
}

@media (min-width:750px){
  .product-item__wrapper.pad .product-item-image,.product-list-main.pad .product-item-image{
    opacity:1 !important;
  }
  .product-item__wrapper.pad .product-item-next-image,.product-item__wrapper.pad .product-item__quick-add,.product-item__wrapper.pad .product-item__quick-view,.product-list-main.pad .product-item-next-image,.product-list-main.pad .product-item__quick-add,.product-list-main.pad .product-item__quick-view{
    display:none !important;
  }
  .product-item__wrapper.pad .btn-primary,.product-item__wrapper.pad .btn-primary:after,.product-item__wrapper.pad .btn-secondary,.product-item__wrapper.pad .btn-secondary:after,.product-list-main.pad .btn-primary,.product-list-main.pad .btn-primary:after,.product-list-main.pad .btn-secondary,.product-list-main.pad .btn-secondary:after{
    transition:initial;
  }
}
.product-item-button-group-under{
  display:none;
}

.product-item-button-group-under .product-item__quick-add{
  animation:none;
  transition:none;
}

@media (min-width:750px){
  .product-item-button-group-under.is-show-quick-add-pc{
    display:block;
  }
}
@media (max-width:749.98px){
  .product-item-button-group-under{
    display:block;
  }
  .product-item-button-group-under:not(.is-show-quick-add-mobile) .product-item__quick-add{
    display:none;
  }
  .product-item-button-group-under.is-show-quick-add-mobile{
    display:block;
  }
  .product-item-button-group-under.is-show-quick-add-mobile .product-item__quick-add{
    margin-top:10px;
  }
}
.product-item{
  display:flex;
  flex-direction:column;
  flex-grow:1;
  font-style:normal;
  position:relative;
  text-decoration:none;
}
@media (min-width:750px){
  .product-item:hover .product-item-image-wrapper .product-item-middle-btn{
    opacity:1;
    transform:translateY(0) !important;
  }
}
.product-item .product-item-hidden-in-list{
  display:none !important;
}
@media (max-width:749.98px){
  .product-item .product-item-next-image{
    display:none;
  }
}
.product-list-item-parent-controller.row{
  margin-top:calc(var(--sl-gutter-y) * -1);
}

.product-list-small-grid .product-item .product-item-hidden-in-grid{
  display:inherit !important;
}
.product-list-small-grid .product-item .product-item-hidden-in-list{
  display:none !important;
}

.product-item:after{
  bottom:0;
  content:"";
  display:block;
  left:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
}
.product-item__wrapper{
  --product-grid-image-margin:var(--product-grid-image-margin);
  height:100%;
  position:relative;
}
.product-item__actions{
  left:0;
  opacity:0;
  padding:0 20px;
  position:absolute;
  top:50%;
  transition:transform .5s opacity .5s;
  width:100%;
  z-index:2;
}
.product-item__btn{
  animation:moveTop .5s;
  display:block;
  margin:10px 0 0;
  padding:9px;
  transition:all .15s ease-in;
  width:100%;
}
@keyframes moveTop{
  0%{
    opacity:0;
    transform:translateY(50%);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.product-item__btn i{
  display:none;
}
.product-item__btn.product-item__quick-view{
  background:rgba(var(--color-secondary-btn-backgroud));
  border:1px solid rgba(var(--color-secondary-btn-border));
  color:rgba(var(--color-secondary-btn-text));
}
.product-item__btn.product-item__quick-add{
  background:rgba(var(--color-btn-background));
  color:rgba(var(--color-btn-text));
  padding:calc(var(--btn-border-thickness) + 8px) 0;
}
.product-item__btn.product-item__btn--loading{
  color:rgba(var(--color-btn-background));
}
.product-item__btn.product-item__btn--loading svg{
  opacity:0;
}
.product-item__btn.product-item__btn--loading span{
  display:none;
}
.product-item__btn.product-item__btn--loading i{
  display:block;
}
.product-item__btn.product-item__quick-view.product-item__btn--loading{
  color:rgba(var(--color-secondary-btn-backgroud));
}
.product-item__btn.product-item__quick-view.product-item__btn--loading:before{
  border-color:rgba(var(--color-secondary-btn-text));
  border-top-color:transparent;
}
@media (min-width:750px){
  .product-item:hover .product-item-image-wrapper .product-item-image,.product-item:hover .product-item-image-wrapper .product-item-next-image{
    transform:scale(1.06);
    transition: all .5s ease;
  }
  .product-item:hover .product-item-image-wrapper .product-item-next-image+.product-item-image{
    opacity:0;
  }
  .product-item:hover .product-item-image-wrapper .product-item-next-image{
    opacity:1;
  }
}
.product-item:hover .product-item-image-wrapper .product-item-btn-con{
  opacity:1;
  transform:translateY(0);
}
.product-item__image-content{
  margin:var(--product-grid-image-margin) var(--product-grid-image-margin) 0;
  overflow:hidden;
  position:relative;
  transform:translateZ(0);
}
.product-item .product-item-image-wrapper{
  padding:var(--card-border-thickness);
  width:100%;
}
.color-scheme-1 .product-item .product-item-image-wrapper{
  box-shadow:0 0 0 var(--card-border-thickness) rgba(var(--color-scheme-1-text), var(--card-border-opacity));
}

.color-scheme-2 .product-item .product-item-image-wrapper{
  box-shadow:0 0 0 var(--card-border-thickness) rgba(var(--color-scheme-2-text), var(--card-border-opacity));
}

.color-scheme-3 .product-item .product-item-image-wrapper{
  box-shadow:0 0 0 var(--card-border-thickness) rgba(var(--color-scheme-3-text), var(--card-border-opacity));
}

.product-item .product-item-image-wrapper{
  border-radius:var(--card-border-radius-outset);
  position:relative;
}
.product-item .product-item-image-wrapper:before{
  border-radius:var(--card-border-radius-outset);
  bottom:0;
  box-shadow:var(--card-shadow-offset-x) var(--card-shadow-offset-y) var(--card-shadow-blur) rgba(var(--color-text), var(--card-shadow-opacity));
  content:"";
  left:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
}
.product-item .product-item-image-wrapper:after{
  border-radius:var(--card-border-radius);
  bottom:var(--card-border-thickness);
  box-shadow:0 0 0 var(--card-border-thickness) rgba(var(--color-text), var(--card-border-opacity));
  content:"";
  left:var(--card-border-thickness);
  pointer-events:none;
  position:absolute;
  right:var(--card-border-thickness);
  top:var(--card-border-thickness);
  transition:box-shadow .1s ease;
  z-index:1;
}
@media (min-width:750px){
  .product-item .product-item-image-wrapper:hover .product-item__actions{
    opacity:1;
    transform:translateY(-50%);
  }
}
.product-item .product-item-image-wrapper img{
  border-radius:var(--card-border-radius);
}
.product-item .product-item-image-wrapper .product-item-middle-btn{
  bottom:10px;
  left:10px;
  opacity:0;
  position:absolute;
  transform:translateY(calc(100% + 10px));
  transition:opacity .25s ease, transform .25s ease-out;
  width:calc(100% - 20px);
  z-index:1;
}
.product-item .product-item-image-wrapper .product-item-image{
  position:relative;
  transition:opacity .1s ease;
}
.product-item .product-item-image-wrapper .product-item-image .product-process-image{
  border-radius:var(--card-border-radius);
}
.product-item .product-item-image-wrapper .product-item-next-image{
  border-radius:var(--card-border-radius);
  bottom:-1px;
  left:-1px;
  opacity:0;
  overflow:hidden;
  position:absolute;
  right:-1px;
  top:-1px;
  width:100%;
}
.product-item .product-item-image-wrapper .product-item-image,.product-item .product-item-image-wrapper .product-item-next-image{
  transition:all .5s ease;
}
.product-item .product-item-card-wrapper{
  bottom:0;
  left:0;
  padding:calc(var(--card-border-radius) / 2);
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  z-index:1;
}
.product-item .product-item-card-wrapper .product-item-card-content{
  height:100%;
  position:relative;
  width:100%;
}
.product-item .product-item-card-wrapper.cart-position-left_bottom .product-item-sale-tag,.product-item .product-item-card-wrapper.cart-position-left_bottom .product-item-soldout-tag{
  bottom:10px;
  left:10px;
  right:unset;
  top:unset;
}
@media (max-width:749.98px){
  .product-item .product-item-card-wrapper.cart-position-left_bottom .product-item-sale-tag,.product-item .product-item-card-wrapper.cart-position-left_bottom .product-item-soldout-tag{
    bottom:6px;
    left:6px;
  }
}
.product-item .product-item-card-wrapper.cart-position-right_bottom .product-item-sale-tag,.product-item .product-item-card-wrapper.cart-position-right_bottom .product-item-soldout-tag{
  bottom:10px;
  left:unset;
  right:10px;
  top:unset;
}
@media (max-width:749.98px){
  .product-item .product-item-card-wrapper.cart-position-right_bottom .product-item-sale-tag,.product-item .product-item-card-wrapper.cart-position-right_bottom .product-item-soldout-tag{
    bottom:6px;
    right:6px;
  }
}
.product-item .product-item-card-wrapper.cart-position-left_top .product-item-sale-tag,.product-item .product-item-card-wrapper.cart-position-left_top .product-item-soldout-tag{
  bottom:unset;
  left:10px;
  right:unset;
  top:10px;
}
@media (max-width:749.98px){
  .product-item .product-item-card-wrapper.cart-position-left_top .product-item-sale-tag,.product-item .product-item-card-wrapper.cart-position-left_top .product-item-soldout-tag{
    left:6px;
    top:6px;
  }
}
.product-item .product-item-card-wrapper.cart-position-right_top .product-item-sale-tag,.product-item .product-item-card-wrapper.cart-position-right_top .product-item-soldout-tag{
  bottom:unset;
  left:unset;
  right:10px;
  top:10px;
}
@media (max-width:749.98px){
  .product-item .product-item-card-wrapper.cart-position-right_top .product-item-sale-tag,.product-item .product-item-card-wrapper.cart-position-right_top .product-item-soldout-tag{
    right:6px;
    top:6px;
  }
}
.product-item .product-item-tag-panel{
  margin-bottom:10px;
}
.product-item .product-item-sale-tag{
  background:rgba(var(--color-tag-background));
  color:rgba(var(--color-tag-text));
  word-break:break-word;
}
.product-item .product-item-soldout-tag{
  background:rgba(var(--color-text));
  color:rgba(var(--color-page-background));
}
@media (max-width:749.98px){
  .product-item .product-item-tag-panel{
    margin-bottom:20px;
  }
  .product-item .product-item-sale-tag,.product-item .product-item-soldout-tag{
    padding:3px 8px;
  }
  .product-item .product-item-title.mobile-hide{
    display:none !important;
  }
}
@media (min-width:750px){
  .product-item .product-item__actions{
    display:none;
  }
}

.product-item-hover{
  display:none;
  left:0;
  overflow:hidden;
  position:absolute;
  top:0;
  width:100%;
  z-index:9;
}
.product-item-hover:hover{
  display:block;
}
.product-item-hover .product-item__actions{
  display:block !important;
}

@media (min-width:750px){
  .product-item-hover:hover,.product-item:hover+.product-item-hover{
    display:block;
  }
}
.product-item-info{
  user-select:none;
}
[data-type_body_text_align=left] .product-item-info{
  text-align:left;
}

[data-type_body_text_align=center] .product-item-info{
  text-align:center;
}

[data-type_body_text_align=right] .product-item-info{
  text-align:right;
}

@media (max-width:749.98px){
  .product-item-info{
    padding-left:10px;
  }
}
.product-item-info .display-left{
  justify-content:flex-start !important;
}
.product-item-info .display-right{
  justify-content:flex-end !important;
}
.product-item-info .product-item-title{
  color:rgba(var(--color-text));
  line-height:1.6 !important;
  margin-block-end:0;
  margin-block-start:0;
  margin-top:20px;
  word-break:break-word;
}
[data-type_product_grid_uppercase=true] .product-item-info .product-item-title{
  text-transform:uppercase;
}

@media (max-width:749.98px){
  .product-item-info .product-item-title{
    margin-top:10px;
  }
}
.product-item-info .product-item-title.display-1-row{
  -webkit-line-clamp:1;
}
.product-item-info .product-item-title.display-1-row,.product-item-info .product-item-title.display-2-row{
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden;
  padding-right:4px;
  text-overflow:ellipsis;
}
.product-item-info .product-item-title.display-2-row{
  -webkit-line-clamp:2;
}
.product-item-info .product-item-sub-title{
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  color:rgba(var(--color-text));
  display:-webkit-box;
  font-size:12px;
  letter-spacing:.2em;
  line-height:1.6;
  margin:6px 0;
  opacity:.5;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-word;
}
.product-item-info .product-item-sub-title.onelineShow{
  -webkit-line-clamp:1;
}
.product-item-info .product-item-sub-title.twolineShow{
  -webkit-line-clamp:2;
}
.product-item-info .product-item-description{
  display:none;
}
.product-item-info .product-item-price{
  color:rgba(var(--color-sale));
  display:flex;
  flex-flow:wrap;
  /* margin-top:6px; */
  align-items: center;
}
.product-item-info .product-item-price.text-center{
  justify-content:center;
}
.product-item-info .product-item-price>span{
  margin-inline-end:10px;
}
.product-item-info .product-item-price>.product-item-origin-price {
  margin-inline-end:0;
}
.product-item-info .product-item-price span.product-item-origin-price{
  color:rgba(var(--color-light-text));
  font-size:13px;
  font-weight:600;
  text-decoration:line-through;
  line-height: 1;
}
.product-item-info .product-item-price span.product-item-sale-price{
  font-weight:600;
}
.product-item-info .product-item-price span.product-item-sale-price--discount,.product-item-info .product-item-price span.product-item-save-price{
  color:rgba(var(--color-discount));
}
.product-item-info .product-item-price span.product-item-vip-price{
  margin-left:-8px;
  margin-right:10px;
}
.product-item-info .product-item-price span:only-child{
  margin-right:0;
}
.product-item-info .product-item-price span[data-product-item-price] sup{
  top:0;
  vertical-align:super;
}

@keyframes loading-spin{
  0%{
    transform:rotate(0deg);
  }
  to{
    transform:rotate(1turn);
  }
}
.product-item__icon-style .product-item__actions--mobile{
  display:none;
}

@media (max-width:749.98px){
  .product-item-info .product-item-price span:only-child{
    font-size: 13px;
  }
  .product-item-info .product-item-price span.product-item-origin-price{
    font-size: 12.5px;
  }
  .product-item__icon-style .product-item__actions--mobile{
    display:block;
    position:absolute;
    right:10px;
    top:10px;
    z-index:1;
  }
  .product-item__icon-style .product-item__mobile-btn-icon{
    align-items:center;
    background-color:rgb(var(--color-page-background));
    border:1px solid rgba(var(--color-secondary-btn-border), .5);
    border-radius:50%;
    color:var(--color-text);
    cursor:pointer;
    display:flex;
    height:40px;
    justify-content:center;
    margin:0;
    transition:transform .1s ease-out;
    width:40px;
  }
  .product-item__icon-style .product-item__mobile-btn-icon:hover{
    transform:scale(1.1);
  }
  .product-item__icon-style .product-item__mobile-btn-icon+.product-item__mobile-btn-icon{
    margin-top:10px;
  }
  .product-item__icon-style .product-item__mobile-btn-icon>svg{
    height:20px;
    width:20px;
  }
  .product-item__actions{
    display:none;
  }
  .product-item__wrapper.product-item__icon-style .product-item-button-group-under{
    display:none !important;
  }
}