.elementor-650 .elementor-element.elementor-element-0d2e6f5{--display:flex;}.elementor-650 .elementor-element.elementor-element-42f4eeb .wpr-offcanvas-container{text-align:center;}.elementor-650 .elementor-element.elementor-element-42f4eeb.elementor-element{--align-self:flex-start;}.elementor-650 .elementor-element.elementor-element-42f4eeb .wpr-offcanvas-trigger i{margin-right:5px;}.elementor-650 .elementor-element.elementor-element-42f4eeb .wpr-offcanvas-trigger svg{margin-right:5px;fill:#ffffff;width:15px;height:15px;}.elementor-650 .elementor-element.elementor-element-42f4eeb .wpr-offcanvas-trigger{color:#ffffff;background-color:var( --e-global-color-64a609b );border-color:#E8E8E8;padding:10px 10px 10px 10px;border-style:none;border-radius:2px 2px 2px 2px;}.elementor-650 .elementor-element.elementor-element-42f4eeb .wpr-offcanvas-trigger:hover{color:#ffffff;background-color:#605BE5;border-color:#E8E8E8;}.elementor-650 .elementor-element.elementor-element-42f4eeb .wpr-offcanvas-header{padding:10px 10px 10px 10px;}.wpr-offcanvas-wrap-42f4eeb .wpr-offcanvas-header{padding:10px 10px 10px 10px;}.elementor-650 .elementor-element.elementor-element-42f4eeb .wpr-close-offcanvas{color:#222222;border-color:#FFF;width:12px;height:12px;border-style:none;border-width:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}.wpr-offcanvas-wrap-42f4eeb .wpr-close-offcanvas{color:#222222;border-color:#FFF;width:12px;height:12px;border-width:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}.elementor-650 .elementor-element.elementor-element-42f4eeb .wpr-close-offcanvas i{font-size:12px;}.wpr-offcanvas-wrap-42f4eeb .wpr-close-offcanvas i{font-size:12px;}.elementor-650 .elementor-element.elementor-element-42f4eeb .wpr-close-offcanvas svg{width:12px;height:12px;}.wpr-offcanvas-wrap-42f4eeb .wpr-close-offcanvas svg{width:12px;height:12px;}.wpr-offcanvas-wrap-42f4eeb  .wpr-close-offcanvas{border-style:none;}.elementor-650 .elementor-element.elementor-element-42f4eeb .wpr-offcanvas-title{color:#222222;}.wpr-offcanvas-wrap-42f4eeb .wpr-offcanvas-title{color:#222222;}.elementor-650 .elementor-element.elementor-element-42f4eeb .wpr-offcanvas-content{background-color:#FFFFFF;border-color:#000;border-style:none;border-radius:2px 2px 2px 2px;padding:10px 10px 10px 10px;}.wpr-offcanvas-wrap-42f4eeb .wpr-offcanvas-content{background-color:#FFFFFF;border-color:#000;border-style:none;border-radius:2px 2px 2px 2px;padding:10px 10px 10px 10px;}.elementor-650 .elementor-element.elementor-element-42f4eeb .wpr-offcanvas-content, .wpr-offcanvas-wrap-42f4eeb .wpr-offcanvas-content{box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1);}.elementor-650 .elementor-element.elementor-element-42f4eeb .wpr-offcanvas-wrap{background-color:#07070733;}.wpr-offcanvas-wrap-42f4eeb{background-color:#07070733;}.elementor-650 .elementor-element.elementor-element-42f4eeb .wpr-offcanvas-content::-webkit-scrollbar-thumb{border-left-color:#E8E8E8;border-left-width:3px;}.elementor-650 .elementor-element.elementor-element-42f4eeb .wpr-offcanvas-content::-webkit-scrollbar{width:calc(3px + 3px);}.elementor-650 .elementor-element.elementor-element-d9815ee{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-e02e82c *//* ==== WALLET-SHAPED PRODUCT BOX ==== */
ul.products li.product {
  background-color: #E3C6A2 !important;
  border-radius: 30px / 12px !important; /* Wallet curve */
  border: 2px solid #C96E2B !important;
  box-shadow: inset 0 -4px 0 #C96E2B, 0 6px 12px rgba(90, 52, 28, 0.15) !important;
  overflow: hidden !important;
  transition: all 0.3s ease-in-out !important;
  padding: 15px 10px 20px 10px !important;
  position: relative !important;
}

/* ==== WALLET "BUTTON" ON TOP CENTER ==== */
ul.products li.product::before {
  content: '';
  width: 16px;
  height: 16px;
  background-color: #5A341C;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  box-shadow: 0 0 0 2px #E3C6A2;
}

/* ==== IMAGE INSIDE ==== */
ul.products li.product img {
  border-radius: 20px !important;
  transition: transform 0.3s ease-in-out !important;
  width: 100% !important;
  object-fit: cover;
}

/* ==== HOVER EFFECT ==== */
ul.products li.product:hover {
  background-color: #F2D1B3 !important;
  transform: scale(1.01) translateY(-3px) !important;
  box-shadow: inset 0 -4px 0 #C96E2B, 0 10px 20px rgba(90, 52, 28, 0.25) !important;
}

/* ==== CONTENT ==== */
ul.products li.product .woocommerce-loop-product__title {
  color: #5A341C !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  margin: 10px 0 4px;
  text-align: center;
}

ul.products li.product .price {
  color: #C96E2B !important;
  font-weight: bold !important;
  font-size: 15px !important;
  text-align: center;
}

ul.products li.product a.button {
  background-color: #C96E2B !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 8px 14px;
  display: block;
  margin: 12px auto 0;
  width: fit-content;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  transition: background 0.3s ease-in-out;
   margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  
}

ul.products li.product a.button:hover {
  background-color: #5A341C !important;
}


/* ==== RESPONSIVE GRID ==== */
@media (min-width: 1025px) {
  ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 768px) {
  ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
  }

  ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 14px !important;
  }

  ul.products li.product .price,
  ul.products li.product a.button {
    font-size: 13px !important;
  }
}

.woocommerce-ordering {
  display: none !important;
}
/* Hide category in product grid */
.ast-woo-product-category {
  display: none !important;
}/* End custom CSS */