.elementor-9 .elementor-element.elementor-element-77ceca9{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-9 .elementor-element.elementor-element-21c7981{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-84a97a6 *//* ==========================================================================
   Shopify Style WooCommerce Checkout Page
   ========================================================================== */

/* Main Checkout Container & Layout */
.woocommerce-checkout {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #111111;
  background-color: #ffffff;
}

.woocommerce-checkout form.checkout {
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px;
}

/* Headings (Contact, Delivery, Shipping method, Payment, etc.) */
.woocommerce-checkout h3, 
.woocommerce-checkout h2,
.woocommerce-checkout #order_review_heading {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  margin-top: 24px !important;
  margin-bottom: 12px !important;
  border: none !important;
}

/* Form Input Fields Styling */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout textarea,
.woocommerce-checkout select {
  width: 100% !important;
  height: 46px !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  color: #333333 !important;
  background-color: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 5px !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.woocommerce-checkout input[type="text"]:focus,
.woocommerce-checkout input[type="email"]:focus,
.woocommerce-checkout input[type="tel"]:focus,
.woocommerce-checkout select:focus {
  border-color: #a10000 !important;
  box-shadow: 0 0 0 1px #a10000 !important;
}

/* Radio Buttons Box Styling (Shipping & Payment Methods) */
.woocommerce-checkout ul.wc_payment_methods,
.woocommerce-checkout #shipping_method {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 5px !important;
  overflow: hidden !important;
}

.woocommerce-checkout ul.wc_payment_methods li,
.woocommerce-checkout #shipping_method li {
  padding: 14px 16px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  margin: 0 !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.woocommerce-checkout ul.wc_payment_methods li:last-child,
.woocommerce-checkout #shipping_method li:last-child {
  border-bottom: none !important;
}

/* Active/Selected Shipping & Payment Box Highlighted in Red Outline */
.woocommerce-checkout ul.wc_payment_methods li.payment_method_active,
.woocommerce-checkout ul.wc_payment_methods li:has(input:checked),
.woocommerce-checkout #shipping_method li:has(input:checked) {
  border: 2px solid #a10000 !important;
  background-color: #fdf7f7 !important;
  border-radius: 5px !important;
}

/* Custom Radio Accent Color */
.woocommerce-checkout input[type="radio"] {
  accent-color: #a10000 !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  cursor: pointer !important;
}

/* Red "Pay now" Place Order Button */
.woocommerce-checkout #place_order,
.woocommerce-checkout button[name="woocommerce_checkout_place_order"] {
  width: 100% !important;
  height: 50px !important;
  background-color: #a10000 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  margin-top: 20px !important;
  transition: background-color 0.2s ease !important;
  text-transform: none !important;
}

.woocommerce-checkout #place_order:hover,
.woocommerce-checkout button[name="woocommerce_checkout_place_order"]:hover {
  background-color: #800000 !important;
}

/* Right Side Order Summary Box Background */
.woocommerce-checkout #order_review {
  background-color: #fafafa !important;
  padding: 24px !important;
  border-radius: 8px !important;
  border: 1px solid #eeeeee !important;
}

.woocommerce-checkout table.shop_table {
  background: transparent !important;
  border: none !important;
}

.woocommerce-checkout table.shop_table td,
.woocommerce-checkout table.shop_table th {
  border: none !important;
  padding: 8px 0 !important;
  font-size: 14px !important;
}

.woocommerce-checkout table.shop_table tr.order-total th,
.woocommerce-checkout table.shop_table tr.order-total td {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #111111 !important;
}/* End custom CSS */