/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/product-loop-template/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
/* ==========================================================================
   Product Loop Template Styles
   ========================================================================== */
.wp-block-post {
  position: relative;
}

/* PWL Loop Item Base Styles */
.pwl-loop-item {
  position: relative;
}

.pwl-loop-item .pwl-loop-item-link {
  color: inherit !important;
  text-decoration: none;
}

.pwl-loop-img {
  transition: all 0.2s ease-in-out;
  background-color: #fafafa;
  margin-bottom: 10px;
}

.pwl-loop-item:hover .pwl-loop-img {
  opacity: 0.9;
}

/* Product Bottom Section */
.product-bottom {
  display: grid;
  text-align: center;
  padding-bottom: 0px;
}

.pwl-loop-item .pb-title {
  max-width: 80%;
  margin: 0 auto;
}

/* Product Title */
.pwl-loop-item .pwl-product-title {
  padding: 0;
  margin: 0px;
  font-weight: 500;
  font-size: var(--wp--preset--font-size--body-text) !important;
  margin: 10px 0px !important;
}

/* Product Excerpt - max 2 rader */
.pwl-loop-item .pwl-product-excerpt {
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.4;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Product Price */
.pwl-loop-item .pwl-product-price {
  display: block;
  font-size: var(--wp--preset--font-size--body-sm) !important;
  font-size: 15px !important;
}

.wc-block-components-product-price.wc-block-grid__product-price br,
.pwl-loop-item .pwl-product-price br {
  display: none;
}

.wc-block-components-product-price.wc-block-grid__product-price ins,
.wc-block-components-product-price.wc-block-grid__product-price del,
.pwl-loop-item .pwl-product-price ins,
.pwl-loop-item .pwl-product-price del {
  display: inline-block;
}

.wc-block-components-product-price.wc-block-grid__product-price ins,
.pwl-loop-item .pwl-product-price ins {
  color: var(--wp--preset--color--hibiskus);
  font-weight: 400;
  margin-left: 10px;
}

.wc-block-components-product-price.wc-block-grid__product-price del,
.pwl-loop-item .pwl-product-price del {
  opacity: 0.4;
}

.pwl-loop-item .pwl-loop-img {
  background: white;
}

.pwl-loop-item .wp-block-button {
  --padding: 25px;
  position: absolute;
  z-index: 20;
  width: calc(100% - var(--padding) * 2);
  padding: var(--padding);
  bottom: 0;
  text-align: center;
}

.wp-block-post:nth-child(4n) .wp-block-peuwl-woocommerce-pack-product-loop-template {
  border-right: none !important;
}

.products-block-post-template {
  overflow-x: hidden;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-right: var(--wp--style--root--padding-right);
  margin-left: var(--wp--style--root--padding-left);
}

@media (max-width: 1300px) and (min-width: 600px) {
  .products-block-post-template {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1000px) and (min-width: 600px) {
  .products-block-post-template {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
.wp-block-peuwl-woocommerce-pack-product-loop-template {
  --padding: 20px;
  height: 100%;
  margin-bottom: 0px !important;
}
.wp-block-peuwl-woocommerce-pack-product-loop-template .pwl-loop-img {
  position: relative;
  width: 100%;
  border-radius: var(--radius);
  overflow: hidden;
  font-size: 0px;
  aspect-ratio: var(--aspect);
}
.wp-block-peuwl-woocommerce-pack-product-loop-template .pwl-loop-img img {
  aspect-ratio: var(--aspect);
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  background-color: #fafafa;
}
.wp-block-peuwl-woocommerce-pack-product-loop-template .pwl-loop-img .hover-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: var(--radius);
}
.wp-block-peuwl-woocommerce-pack-product-loop-template .pwl-loop-img:hover .hover-image {
  opacity: 1;
}
.wp-block-peuwl-woocommerce-pack-product-loop-template .pwl-loop-img:hover .default-image {
  opacity: 0;
}
.wp-block-peuwl-woocommerce-pack-product-loop-template .pwl-loop-item {
  height: 100%;
  width: 100%;
  --gap: 30px;
  /*
  &:after {
  	content: "";
  	display: block;
  	position: absolute;
  	height: calc(100% + 15px);
  	width: 1px;
  	background-color: var(--border-color);
  //	background-color: rgba(0,0,0,0.1);
  	top: calc((var(--gap)/ 2) * -1);	
  	right: calc((var(--gap)/ 2) * -1);	

  } 

  &:before {
  	content: "";
  	display: block;
  	position: absolute;
  	height: 1px;
  	width: calc(100% + var(--gap));
  	background-color: var(--border-color);
  //	background-color: rgba(0,0,0,0.1);
  	top: calc((var(--gap)/ 2) * -1);	
  	right: calc((var(--gap)/ 2) * -1);	

  } */
}
.wp-block-peuwl-woocommerce-pack-product-loop-template .inner {
  position: relative;
  max-width: 100%;
}

.wp-block-post {
  --gap: 30px;
}
.wp-block-post:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: var(--border-color);
  top: calc(var(--gap) / 2 * -1);
  right: calc(var(--gap) / 2 * -1);
}
.wp-block-post:before {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: calc(100% + var(--gap));
  background-color: var(--border-color);
  top: calc(var(--gap) / 2 * -1);
  right: calc(var(--gap) / 2 * -1);
}

.products-block-post-template {
  overflow: hidden;
  -moz-column-gap: 30px !important;
       column-gap: 30px !important;
  row-gap: 0px !important;
}

.sale-badge {
  position: absolute;
  z-index: 1;
  border: none;
  background: var(--wp--preset--color--hibiskus);
  color: white;
  font-weight: 500;
  font-size: 16px;
  margin: 10px;
  border-radius: 24px;
  height: 44px;
  width: 44px;
  display: grid;
  align-items: center;
  place-content: center;
}
.sale-badge span {
  font-size: 14px;
}

.tailormade-badge {
  position: absolute;
  z-index: 1;
  border: none;
  font-size: 20px;
  color: white;
  font-weight: 500;
  font-size: 14px;
  margin: 10px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0);
  grid-template-columns: auto auto;
  transition: background-color 0.5s ease, box-shadow 0.5s ease;
  gap: 0px;
  display: grid;
  align-items: center;
  place-content: center;
}
.tailormade-badge .tailormade-badge-icon {
  display: inline-block;
  vertical-align: middle;
  display: grid;
  place-content: center;
  align-items: center;
  padding: 8px;
  gap: 10px;
  border-radius: 50%;
  background: white;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}
.tailormade-badge .tailormade-badge-text {
  display: inline-block;
  vertical-align: middle;
  color: var(--wp--preset--color--midnatt);
  transition: opacity 0.3s ease;
  font-size: var(--wp--preset--font-size--body);
  padding-right: 12px;
  opacity: 0;
}
.tailormade-badge svg {
  width: 24px !important;
  height: 24px !important;
}
.tailormade-badge svg .cls-1, .tailormade-badge svg .cls-2 {
  fill: white;
}
.tailormade-badge svg .cls-2 {
  stroke: url(#rainbowGradient);
  stroke-width: 30px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wp-block-peuwl-woocommerce-pack-product-loop-template:hover .tailormade-badge {
  background-color: rgb(255, 255, 255);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
.wp-block-peuwl-woocommerce-pack-product-loop-template:hover .tailormade-badge .tailormade-badge-icon {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
}
.wp-block-peuwl-woocommerce-pack-product-loop-template:hover .tailormade-badge .tailormade-badge-text {
  opacity: 1;
}

/* Color Swatches in Archive/Taxonomy */
.pwl-color-swatches {
  position: relative;
  text-align: center;
  padding-bottom: 20px;
}

/*# sourceMappingURL=style-index.css.map*/