.elementor-245 .elementor-element.elementor-element-1ab3221c > .elementor-container{max-width:1350px;}.elementor-245 .elementor-element.elementor-element-1ab3221c{padding:40px 40px 40px 40px;}.elementor-245 .elementor-element.elementor-element-2228299a{font-family:"Atkinson Hyperlegible", Sans-serif;font-size:17px;color:#3F3F3F;}@media(max-width:1024px){.elementor-245 .elementor-element.elementor-element-2228299a > .elementor-widget-container{margin:-1px -1px -1px -1px;}}@media(max-width:767px){.elementor-245 .elementor-element.elementor-element-1ab3221c{padding:10px 10px 10px 10px;}.elementor-245 .elementor-element.elementor-element-2228299a{font-size:17px;}}/* Start custom CSS for text-editor, class: .elementor-element-2228299a *//* =========================
   DARK CART (WooCommerce) - Match Pricing Style
   ========================= */

body.woocommerce-cart,
body.woocommerce-checkout{
  background:#0b0d11;
}

/* page padding + font */
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main{
  padding: 22px 14px;
  font-family: Arial, Helvetica, sans-serif;
}

/* width */
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce{
  max-width: 1100px;
  margin: 0 auto;
}

/* ---- Table + blocks as dark cards ---- */
.woocommerce-cart table.shop_table,
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-collaterals,
.woocommerce-checkout #order_review,
.woocommerce-checkout #customer_details{
  background:#0f1115 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35) !important;
  overflow:hidden;
}

/* remove white headers/rows */
.woocommerce table.shop_table thead th{
  background: rgba(255,255,255,.04) !important;
  color:#fff !important;
  font-weight: 900 !important;
  border-color: rgba(255,255,255,.08) !important;
}
.woocommerce table.shop_table tbody td,
.woocommerce table.shop_table tbody th{
  background: transparent !important;
  color: rgba(255,255,255,.85) !important;
  border-color: rgba(255,255,255,.08) !important;
}

/* product name + links */
.woocommerce-cart a,
.woocommerce-checkout a{
  color:#fff !important;
}
.woocommerce-cart a:hover,
.woocommerce-checkout a:hover{
  opacity:.9;
}

/* remove button */
.woocommerce a.remove{
  color:#ff004c !important;
}
.woocommerce a.remove:hover{
  background: rgba(255,0,76,.16) !important;
  color:#fff !important;
}

/* thumbnails look nice */
.woocommerce table.shop_table img{
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.10);
}

/* ---- Coupon row fix (the white bar in your screenshot) ---- */
.woocommerce-cart .coupon,
.woocommerce-cart .actions{
  background: transparent !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}
.woocommerce-cart .coupon label{ display:none !important; }

/* inputs */
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce textarea,
.woocommerce select,
.woocommerce .quantity .qty{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
  border-radius: 12px !important;
  padding: 12px 12px !important;
  box-shadow:none !important;
}
.woocommerce input::placeholder,
.woocommerce textarea::placeholder{
  color: rgba(255,255,255,.45) !important;
}

/* ---- Buttons (match pricing CTA) ---- */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.checkout-button,
.woocommerce button#place_order{
  border: 0 !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: .3px !important;
  background: linear-gradient(90deg, #ff004c, #ff2a00) !important;
  transition: transform .15s ease, filter .15s ease;
}
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce a.checkout-button:hover,
.woocommerce button#place_order:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);
}

/* make "Proceed to checkout" full width like your screenshot */
.woocommerce .wc-proceed-to-checkout a.checkout-button{
  width:100% !important;
  text-align:center !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
}

/* totals header */
.woocommerce-cart .cart_totals h2{
  color:#050416 !important;
  font-weight: 900 !important;
  margin: 0 0 10px !important;
}

/* totals table lines */
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td{
  border-color: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.85) !important;
}

/* mobile */
@media (max-width: 480px){
  .woocommerce-cart table.shop_table,
  .woocommerce-cart .cart-collaterals .cart_totals{
    border-radius: 14px !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1ab3221c */.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #5D7FB9;
    font-family: Atkinson Hyperlegible;
    font-weight: 500;
    font-size: 17px;
    border-radius: 30px;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {

width: 60%;
border-radius: 5px;
}


.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
background-color: #5D7FB9;
border-radius: 20px;
color: #fff;
font-family: Atkinson Hyperlegible;
font-weight: 500;
margin-top: 4px

}/* End custom CSS */