.elementor-1846 .elementor-element.elementor-element-80034d3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:100px;--padding-right:100px;}.elementor-1846 .elementor-element.elementor-element-27848fdb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1846 .elementor-element.elementor-element-585b7cc{--display:flex;}.elementor-1846 .elementor-element.elementor-element-43bd5fb{--display:flex;}.elementor-1846 .elementor-element.elementor-element-721251c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}@media(max-width:1024px){.elementor-1846 .elementor-element.elementor-element-80034d3{--padding-top:60px;--padding-bottom:60px;--padding-left:100px;--padding-right:100px;}}@media(max-width:767px){.elementor-1846 .elementor-element.elementor-element-80034d3{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}}/* Start custom CSS for container, class: .elementor-element-80034d3 *//* 1) Button text should be white everywhere on the Cart */
.woocommerce-cart :where(.wc-block-components-button__button,
                         .wc-block-components-button__text,
                         .wp-block-button__link,
                         .wp-element-button) {
  color: #fff !important;
}

/* Keep it white on hover/focus too */
.woocommerce-cart :where(.wc-block-components-button__button:hover,
                         .wp-element-button:hover,
                         .wp-block-button__link:hover,
                         .wc-block-components-button__button:focus) {
  color: #fff !important;
}

/* 2) Center the cart layout and the checkout button */
.wp-block-woocommerce-cart.alignwide {
  max-width: 1100px;          /* keep within a nice content width */
  margin-inline: auto;        /* center the whole cart canvas */
}

/* Center the right-hand totals column on narrow screens and keep it tidy */
.wp-block-woocommerce-cart-totals-block {
  max-width: 560px;
  margin: 0 auto;             /* center the totals area */
}

/* Make the checkout button full width and centered text */
.wp-block-woocommerce-proceed-to-checkout-block
  .wc-block-components-button__button {
  display: block;
  width: 100%;
  text-align: center;
}

/* 3) Kill the extra space at the bottom on phones */
@media (max-width: 782px) {
  /* tighten general spacing for the cart blocks */
  .wp-block-woocommerce-cart.alignwide,
  .wp-block-woocommerce-empty-cart-block,
  .wp-block-woocommerce-cart-totals-block {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* last blocks often carry default margins – remove them */
  .wp-block-woocommerce-proceed-to-checkout-block,
  .wp-block-woocommerce-cart-accepted-payment-methods-block {
    margin-bottom: 0 !important;
  }
}

/* Optional: if your theme injects a large block gap, tame it for the totals area */
.wc-block-cart .wp-block-woocommerce-cart-totals-block {
  --wp--style--block-gap: 16px;
}/* End custom CSS */