.product .productTags { position: absolute; top: 15px; left: 0px; display: flex; flex-direction: column; align-items: flex-start; row-gap: 0px; }

.product .on-sale, 
.product .new-arrival, 
.product .best-seller, 
.product .artificial-orchids, 
.product .fresh-flowers, 
.product .artificial-flowers, 
.product .fresh-orchids { 
    position: relative; padding: 0 8px; height: 20px; font-size: 14px;
}

.product .on-sale:after, 
.product .new-arrival:after, 
.product .best-seller:after, 
.product .fresh-flowers:after, 
.product .fresh-orchids:after { 
    position: absolute; content: ""; width: 0px; height: 0px; z-index: 1; top: 0; right: -10px; border-width: 10px 8px 10px 8px; border-color: #C09A5C transparent #C09A5C #C09A5C; border-style: solid; 
}

.product .on-sale { color: #fff; background-color: #333; }
.product .on-sale:after { border-color: #333 transparent #333 #333; }

.product .new-arrival { color: #fff; background-color: #C09A5C; }
.product .new-arrival:after { border-color: #C09A5C transparent #C09A5C #C09A5C; }

.product .best-seller { color: #fff; background-color: #C09A5C; }
.product .best-seller:after { border-color: #C09A5C transparent #C09A5C #C09A5C; }

.product .artificial-orchids { color: #000; background-color: #fff; }
.product .artificial-orchids:after { display: none; }

.product .fresh-flowers { color: #fff; background-color: #6AA84F; }
.product .fresh-flowers:after { border-color: #6AA84F transparent #6AA84F #6AA84F; }

.product .artificial-flowers { color: #000; background-color: #fff; }
.product .artificial-flowers:after { display: none; }

.product .fresh-orchids { color: #fff; background: #6AA84F; }
.product .fresh-orchids:after { border-color: #6AA84F transparent #6AA84F #6AA84F; }


.product .product-images { position: relative; overflow: hidden; }
.product .product-images .yith-wcwl-add-to-wishlist { z-index: 1; }
.product .product-images a img{ transition: transform 0.5s ease; }
.product .product-images a:hover img { transform: scale(1.075); }


.product .yith-wcwl-add-button { top: 5px; right: 5px; }
.product .yith-wcwl-add-button img { width: 30px; }


/**
 * Variable Product 
 * Variation of variable product page
 */
.variable-items-wrapper { gap: 5px !important; flex-wrap: wrap !important; }
.variable-items-wrapper .variable-item { margin-bottom: 15px; flex: 0 1 30% !important; display: flex; min-width: auto; max-width: max-content;}
.variable-items-wrapper .variable-item .variable-item-contents .custom-variation-html {display: flex;flex-direction: column;flex: 1; width: inherit; height: auto;}
/* .variable-items-wrapper .variable-item .variable-item-contents .custom-variation-html {display: flex;flex-direction: column;flex: 1; width: inherit; width: inherit;} */
table.variations { width: 100%; }
table.variations .woo-variation-items-wrapper { display: block !important; }

/* @media (min-width: 1024px) {
  .variable-items-wrapper { flex-wrap: nowrap !important; justify-content: flex-start !important; }
  .variable-items-wrapper .variable-item { margin-bottom: 0; flex: 0 1 20% !important;  }
}
@media (max-width:768px){.variable-items-wrapper{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);justify-content:center;}.variable-items-wrapper .variable-item{flex:0 1 100%!important;width:100%;box-sizing:border-box;}}
@media (max-width: 768px) {.variable-items-wrapper.button-variable-items-wrapper { justify-content: center;}} */

@media (max-width: 768px) {
  .variable-items-wrapper{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    align-items: stretch !important;
  }
  .variable-items-wrapper .variable-item{
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .variable-items-wrapper .variable-item .variable-item-contents{
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: normal;
    padding: 0px;
    width: 100%;
    box-sizing: border-box;
  }
  .variable-items-wrapper .show-variable-custom-price{
    display: block !important;
    margin-top: auto !important;
    text-align: center !important;
    padding-top: 6px;
  }
  .variable-items-wrapper .variable-item span{
    width: 100%;
    white-space: normal;
    text-align: center;
  }
  .custom-variation-html {padding: 20px !important;}
}