.elementor-50 .elementor-element.elementor-element-184e57a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50 .elementor-element.elementor-element-731c7a0{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-50 .elementor-element.elementor-element-fd70f82.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-50 .elementor-element.elementor-element-fd70f82.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-50 .elementor-element.elementor-element-731c7a0{--width:90%;}}@media(max-width:1024px){.elementor-50 .elementor-element.elementor-element-fd70f82.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-50 .elementor-element.elementor-element-fd70f82.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-731c7a0 *//* ============ HOKU LABS — WooCommerce Products Widget (v2) ============
   Paste into: Products widget > Advanced > Custom CSS (Elementor Pro)
   v2: title/price colors forced (!important) + smooth animations
======================================================================= */

/* ---- Product card ---- */
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product{
  background:#fff;
  border:1px solid rgba(10,10,11,.09);
  border-radius:0;
  padding:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product:hover{
  border-color:rgba(201,162,75,.45);
  transform:translateY(-5px);
  box-shadow:0 14px 30px rgba(10,10,11,.08);
}

/* ---- Product image (square, cover, zoom on hover) ---- */
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .woocommerce-loop-product__link,
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product a img{
  display:block;
}
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:0;
  background:#f1f0ec;
  margin:0 0 16px;
  transition:transform .5s ease;
}
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product:hover img{
  transform:scale(1.05);
}

/* ---- Title (color forced) ---- */
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .woocommerce-loop-product__title,
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .woocommerce-loop-product__title a,
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product h2,
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product h2 a{
  font-family:'Cormorant Garamond',serif !important;
  font-size:1.25rem !important;
  font-weight:600 !important;
  line-height:1.12 !important;
  color:#0a0a0b !important;
  padding:0 20px;
  margin:0 0 10px;
  transition:color .25s ease;
}
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product:hover .woocommerce-loop-product__title,
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product:hover .woocommerce-loop-product__title a,
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product:hover h2,
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product:hover h2 a{
  color:#a8842f !important;
}

/* ---- Category label (agar widget me on hai) ---- */
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .product__categories,
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .product-categories{
  font-family:'IBM Plex Mono',monospace !important;
  font-size:.64rem !important;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#77776f !important;
  padding:0 20px;
  margin:0 0 6px;
}

/* ---- Price (color forced) ---- */
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .price,
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .price .amount,
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .price bdi{
  font-family:'Cormorant Garamond',serif !important;
  font-size:1.3rem !important;
  font-weight:700 !important;
  color:#0a0a0b !important;
}
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .price{
  padding:0 20px;
  margin:0 0 14px;
}
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .price del,
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .price del .amount,
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .price del bdi{
  color:#77776f !important;
  font-size:1rem !important;
  font-weight:500 !important;
}
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .price del{margin-right:8px}
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .price ins{text-decoration:none}

/* ---- Add to Cart button ---- */
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .button,
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .add_to_cart_button{
  background:#0a0a0b !important;
  color:#fafaf8 !important;
  border:1px solid #0a0a0b !important;
  border-radius:0 !important;
  padding:10px 16px;
  font-family:'Instrument Sans',system-ui,sans-serif !important;
  font-size:.72rem !important;
  font-weight:400;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:background .25s ease, color .25s ease;
  margin:auto 20px 22px;
  align-self:flex-start;
}
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .button:hover,
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .add_to_cart_button:hover{
  background:#a8842f !important;
  border-color:#a8842f !important;
  color:#fafaf8 !important;
}

/* ---- Sale badge ---- */
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .onsale{
  background:#c9a24b !important;
  color:#0a0a0b !important;
  border-radius:0;
  font-family:'IBM Plex Mono',monospace;
  font-size:.66rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  min-height:0;
  line-height:1;
  padding:8px 12px;
  z-index:5;
}

/* ---- Star rating ---- */
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .star-rating{
  color:#c9a24b !important;
  margin:0 20px 8px;
}

/* ---- "Added to cart" / view cart link ---- */
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product .added_to_cart{
  font-family:'IBM Plex Mono',monospace;
  font-size:.7rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#a8842f !important;
  padding:0 20px 16px;
}

/* ---- Entrance animation: cards fade-up on load ---- */
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product{
  animation:hkFadeUp .6s ease both;
}
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product:nth-child(2){animation-delay:.08s}
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product:nth-child(3){animation-delay:.16s}
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product:nth-child(4){animation-delay:.24s}
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product:nth-child(5){animation-delay:.32s}
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product:nth-child(6){animation-delay:.4s}
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product:nth-child(7){animation-delay:.48s}
.elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product:nth-child(8){animation-delay:.56s}
@keyframes hkFadeUp{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}

/* ---- Reduced motion respect ---- */
@media (prefers-reduced-motion:reduce){
  .elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product,
  .elementor-50 .elementor-element.elementor-element-731c7a0 ul.products li.product img{
    animation:none !important;
    transition:none !important;
  }
}/* End custom CSS */