.elementor-1938 .elementor-element.elementor-element-18767457 > .elementor-container{max-width:1250px;}.elementor-1938 .elementor-element.elementor-element-18767457{padding:0200px 0px 0px 0px;}.elementor-1938 .elementor-element.elementor-element-de63346 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1938 .elementor-element.elementor-element-de63346 > .elementor-element-populated{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-1938 .elementor-element.elementor-element-18767457{margin-top:0px;margin-bottom:0px;padding:70px 0px 70px 0px;}.elementor-1938 .elementor-element.elementor-element-de63346 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 15px;}}@media(max-width:767px){.elementor-1938 .elementor-element.elementor-element-18767457{margin-top:0px;margin-bottom:0px;padding:50px 0px 50px 0px;}}/* Start custom CSS for column, class: .elementor-element-de63346 */.elementor-1938 .elementor-element.elementor-element-de63346 .elementor-element.elementor-element-e020bf8 .shopengine-cart-table table .shopengine-footer-button {n    width: auto;n    display: inline-block;n}/* End custom CSS */
/* Start custom CSS */.elementor-1938 .elementor-element.elementor-element-06a9e0b .shopengine-cart-totals :is(.wc-proceed-to-checkout .button, button):hover {
  color: white !important;
  background: #C4AA56 !important;
}
.shopengine-widget .checkout-button:hover::before {
  background-color: C4AA56 !important;
}

.shopengine-widget .checkout-button::before {
  background-color: #C4AA56 !important;
}

/* Apply styles to all quantity plus buttons */
.quantity.buttons_added a.plus {
  background: #C4AA56 !important;
  color: white !important;
  border-radius: 0px 20px 20px 0px !important;
  width: 30px !important;
  font-weight: 800 !important;
}

/* Apply styles to all quantity minus buttons */
.quantity.buttons_added a.minus {
  background: #C4AA56 !important;
  color: white !important;
  border-radius: 20px 0px 0px 20px !important;
  width: 30px !important;
  font-weight: 800 !important;
}

/* Style for product images to ensure 1:1 aspect ratio */
.shopengine-table__body-item .product-thumbnail img {
  width: 100% !important; /* Ensures image takes up the full space within the container */
  height: auto !important; /* Maintain aspect ratio */
  aspect-ratio: 1 / 1 !important; /* Enforces square (1:1) aspect ratio */
  object-fit: cover; /* Ensures the image covers the square container without stretching */
}

/* Apply the same style to both the plus and minus buttons */
.elementor-1938 .elementor-element.elementor-element-abc6fbc .shopengine-cart-table .shopengine-table__body-item--td .shopengine-cart-quantity .plus-button,
.elementor-1938 .elementor-element.elementor-element-abc6fbc .shopengine-cart-table .shopengine-table__body-item--td .shopengine-cart-quantity .minus-button {
  background: #C4AA56 !important; /* Golden background */
  color: white !important; /* White text */
  display: inline-flex; /* Align buttons inline */
  justify-content: center; /* Center content horizontally */
  align-items: center; /* Center content vertically */
  padding: 8px 12px; /* Add padding for better button size */
}
.woocommerce-js .quantity .qty {
  width: 4em !important; /* Adjust width for better spacing */
 
  font-weight: 600 !important;
  background: rgb(228, 224, 224) !important; /* Light background color */
  text-align: center !important; /* Center the text inside the input */
  padding: 5px 10px !important; /* Padding for better spacing and alignment */
}



/* === Specific Button Styling (Update Cart, Clear Cart, Proceed to Checkout) === */
.woocommerce .button,
.woocommerce .wc-proceed-to-checkout .button {
  background-color: #C4AA56 !important;
  color: white !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600;
  border-radius: 50px !important;
  padding: 10px 24px !important;
  text-transform: uppercase;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: none !important;
}

.woocommerce .button:hover,
.woocommerce .wc-proceed-to-checkout .button:hover {
  background-color: #a48c47 !important;
  color: white !important;
}

/* === Clear Cart and Update Cart Buttons Styling === */
.woocommerce .clear-cart-button,
.woocommerce .update-cart-btn {
  background-color: #C4AA56 !important;
  color: white !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600;
  border-radius: 50px !important;
  padding: 10px 24px !important;
  text-transform: uppercase;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: none !important;
}

.woocommerce .clear-cart-button:hover,
.woocommerce .update-cart-btn:hover {
  background-color: #a48c47 !important;
  color: white !important;
}

/* === General Button Styling (without global quantity styling) === */
.woocommerce .button {
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 50px;
  padding: 10px 24px;
  background-color: #C4AA56;
  color: #fff;
  border: none;
  transition: all 0.3s ease;
}

.woocommerce .button:hover {
  background-color: #a48c47;
  color: #fff;
}

/* === Title Font Styling (Alatsi font) for Product Titles === */
.woocommerce .product-title,
.woocommerce .ast-product-name a {
  font-family: 'Alatsi', sans-serif !important;
  font-weight: normal !important; /* Use normal weight for titles */
}

/* === Other Text Styling (Montserrat font) for Other Elements === */
.woocommerce,
.woocommerce .product-name,
.woocommerce .cart-item-name,
.woocommerce .cart-subtotal,
.woocommerce .product-price,
.woocommerce .quantity input.qty,
.woocommerce .button,
.woocommerce .clear-cart-button,
.woocommerce .update-cart-btn,
.woocommerce .wc-proceed-to-checkout .button {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
}

/* === Product Image Styling === */
.woocommerce .product-thumbnail img {
  width: 100% !important; /* Ensure images take up full container */
  height: auto !important; /* Maintain aspect ratio */
  aspect-ratio: 1 / 1 !important; /* Enforces square (1:1) aspect ratio */
  object-fit: cover; /* Ensures image covers the square container without stretching */
}/* End custom CSS */