.elementor-501 .elementor-element.elementor-element-da5f1fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-501 .elementor-element.elementor-element-da5f1fb{--content-width:1200px;}}/* Start custom CSS for wc-elements, class: .elementor-element-3493739 *//* ১. Quantity বক্স স্টাইলিং - আরও ক্লিন লুক */
.woocommerce div.quantity {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0px !important; /* গ্যাপ ০ করে বর্ডার জোড়া লাগানো হয়েছে */
}

.woocommerce div.quantity .qty {
  width: 60px !important;
  height: 40px !important;
  font-size: 16px !important;
  text-align: center;
  border: 1px solid #ddd !important;
  border-left: none !important;
  border-right: none !important;
  color: #333;
  background: #fff;
}

/* প্লাস এবং মাইনাস বাটন - প্রিমিয়াম গোল্ডেন/ব্ল্যাক টাচ */
.woocommerce div.quantity .minus,
.woocommerce div.quantity .plus {
  width: 40px !important;
  height: 40px !important;
  font-size: 18px !important;
  background-color: #f8f8f8 !important;
  color: #111 !important;
  border: 1px solid #ddd !important;
  cursor: pointer;
  transition: all 0.3s ease;
}

.woocommerce div.quantity .minus {
  border-radius: 5px 0 0 5px !important;
}

.woocommerce div.quantity .plus {
  border-radius: 0 5px 5px 0 !important;
}

.woocommerce div.quantity .minus:hover,
.woocommerce div.quantity .plus:hover {
  background-color: #111 !important;
  color: #ffcc00 !important;
  border-color: #111 !important;
}

/* ২. আপডেট কার্ট বাটন - মিনিমালিস্ট স্টাইল */
.woocommerce button.button[name="update_cart"] {
  background-color: transparent !important;
  border: 2px solid #111 !important;
  color: #111 !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 4px;
  padding: 12px 25px !important;
  opacity: 0.7;
}

.woocommerce button.button[name="update_cart"]:hover {
  background-color: #111 !important;
  color: #fff !important;
  opacity: 1;
}

/* ৩. ✅ Proceed to Checkout - এটি হবে হাইলাইট বাটন */
.woocommerce a.checkout-button,
.woocommerce button.checkout-button,
.woocommerce .wc-proceed-to-checkout a {
  background-color: #111 !important; /* লোগোর সাথে মিল রেখে কালো */
  color: #ffcc00 !important; /* গোল্ডেন টেক্সট */
  font-size: 18px !important;
  font-weight: 700 !important;
  border-radius: 5px !important;
  padding: 18px 30px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
  transition: all 0.4s ease !important;
  border: none !important;
  display: block;
  text-align: center;
}

.woocommerce a.checkout-button:hover,
.woocommerce button.checkout-button:hover,
.woocommerce .wc-proceed-to-checkout a:hover {
  background-color: #ffcc00 !important; /* হোভার করলে গোল্ডেন ব্যাকগ্রাউন্ড */
  color: #111 !important; /* কালো টেক্সট */
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(255, 204, 0, 0.3) !important;
}

/* ৪. টেবিল হেডার এবং টোটাল সেকশন প্রিমিয়াম করা */
.woocommerce-cart table.cart thead th {
  background-color: #fcfcfc;
  padding: 15px;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  border-bottom: 2px solid #111;
}

.cart_totals h2 {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}/* End custom CSS */