.elementor-117 .elementor-element.elementor-element-63ba5173{--display:flex;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-117 .elementor-element.elementor-element-f3ba621{--update-cart-automatically-display:none;--sections-title-color:var( --e-global-color-a721807 );--links-normal-color:var( --e-global-color-2c109d9 );--sections-radio-buttons-color:var( --e-global-color-a721807 );--forms-fields-normal-color:var( --e-global-color-2c109d9 );--forms-fields-border-radius:0px 0px 0px 0px;--forms-buttons-normal-text-color:var( --e-global-color-2c109d9 );--forms-buttons-border-color:var( --e-global-color-2c109d9 );--order-summary-color:#0D1528;--order-summary-remove-icon-normal-color:var( --e-global-color-2c109d9 );--totals-color:var( --e-global-color-a721807 );--totals-divider-color:var( --e-global-color-2c109d9 );--checkout-button-normal-text-color:#FFFFFF;}.elementor-117 .elementor-element.elementor-element-f3ba621 .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:var( --e-global-color-2c109d9 );}.elementor-117 .elementor-element.elementor-element-f3ba621 .cart_totals h2{font-family:"Inter", Sans-serif;font-size:15px;}.elementor-117 .elementor-element.elementor-element-f3ba621 {--sections-descriptions-color:var( --e-global-color-a721807 );}.elementor-117 .elementor-element.elementor-element-f3ba621 .e-cart-content, .elementor-117 .elementor-element.elementor-element-f3ba621 .woocommerce-shipping-destination, .elementor-117 .elementor-element.elementor-element-f3ba621 .shipping-calculator-button{font-family:"Inter", Sans-serif;font-weight:400;}.elementor-117 .elementor-element.elementor-element-f3ba621 #shipping_method li label{font-family:"Inter", Sans-serif;}.elementor-117 .elementor-element.elementor-element-f3ba621 .coupon .input-text, .elementor-117 .elementor-element.elementor-element-f3ba621 .cart-collaterals .input-text, .elementor-117 .elementor-element.elementor-element-f3ba621 select, .elementor-117 .elementor-element.elementor-element-f3ba621 .select2-selection--single{font-family:"Inter", Sans-serif;font-size:14px;}.e-woo-select2-wrapper .select2-results__option{color:var( --e-global-color-2c109d9 );}.elementor-117 .elementor-element.elementor-element-f3ba621 .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var( --e-global-color-2c109d9 );}.elementor-117 .elementor-element.elementor-element-f3ba621 .shop_table .button{font-family:"Inter", Sans-serif;font-size:12px;}.elementor-117 .elementor-element.elementor-element-f3ba621 .woocommerce-cart-form{--order-summary-title-color:var( --e-global-color-a721807 );}.elementor-117 .elementor-element.elementor-element-f3ba621 .e-shop-table .cart th, .elementor-117 .elementor-element.elementor-element-f3ba621 .e-shop-table .cart td:before{font-family:"Inter", Sans-serif;font-size:12px;}.elementor-117 .elementor-element.elementor-element-f3ba621 .cart td span, .elementor-117 .elementor-element.elementor-element-f3ba621 .cart td, .elementor-117 .elementor-element.elementor-element-f3ba621 .input-text.qty{font-family:"Inter", Sans-serif;}.elementor-117 .elementor-element.elementor-element-f3ba621 .product-name .variation{font-family:"Inter", Sans-serif;}.elementor-117 .elementor-element.elementor-element-f3ba621 .cart_totals .shop_table td:before, .elementor-117 .elementor-element.elementor-element-f3ba621 .cart_totals .shop_table td .woocommerce-Price-amount{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;}.elementor-117 .elementor-element.elementor-element-f3ba621 .checkout-button{font-family:"Inter", Sans-serif;font-size:14px;}:root{--page-title-display:none;}/* Start custom CSS for woocommerce-cart, class: .elementor-element-f3ba621 *//* ============================================
   CART PAGE FIXES — mobile responsive table
   Add this in Elementor > Cart widget > Advanced > Custom CSS
   (or Site-wide Custom CSS if you want it everywhere)
   ============================================ */

/* ---- GLOBAL FIX (works at every screen width, desktop table included) ----
   1) Move remove (×) icon to the right side
   2) Center-align the quantity number
   These run outside the media query because the desktop table
   uses real <table>/<td> layout, not the stacked mobile layout below. */

.e-cart-layout-two-column table.shop_table_responsive.cart tr.cart_item {
  position: relative; /* lets the remove cell position against the row */
}

.e-cart-layout-two-column table.shop_table_responsive.cart td.product-remove {
  position: absolute;
  top: 50%;
  right: 10px;
  left: auto;
  transform: translateY(-50%);
  padding: 0;
  z-index: 2;
}

.e-cart-layout-two-column table.shop_table_responsive.cart td.product-remove a.remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  font-size: 18px;
  line-height: 1;
}

/* Since the remove cell is now taken out of the table flow (absolute),
   give the row a bit of right padding so nothing sits under the icon. */
.e-cart-layout-two-column table.shop_table_responsive.cart td:last-child {
  padding-right: 40px;
}

.e-cart-layout-two-column table.shop_table_responsive.cart td.product-quantity .quantity {
  display: flex;
  justify-content: center;
}

.e-cart-layout-two-column table.shop_table_responsive.cart td.product-quantity input.qty {
  text-align: center;
}


@media (max-width: 768px) {

  /* ---- Base row layout: turn each <tr> into a stacked block,
         but keep the remove icon absolutely positioned at top-right ---- */
  .e-cart-layout-two-column table.shop_table_responsive.cart tr.cart_item {
    position: relative;
    display: block;
    padding: 15px 55px 15px 15px; /* extra right padding so text clears the X */
    border-bottom: 1px solid #eee;
  }

  /* ---- Remove icon: on mobile, pin to top-right of the stacked card
         instead of vertically centered (overrides the global rule above) ---- */
  .e-cart-layout-two-column table.shop_table_responsive.cart td.product-remove {
    position: absolute;
    top: 12px;
    right: 15px;
    left: auto;
    transform: none;
    width: auto;
    padding: 0;
    text-align: right;
  }

  /* =========================================================
     Thumbnail + product name grouped into one header row,
     with the stray empty ":" label removed
     ========================================================= */

  .e-cart-layout-two-column table.shop_table_responsive.cart td.product-thumbnail {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    padding: 0;
  }

  .e-cart-layout-two-column table.shop_table_responsive.cart td.product-thumbnail img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
  }

  /* kill the empty "Label:" that renders as a lone ":" above the image */
  .e-cart-layout-two-column table.shop_table_responsive.cart td.product-thumbnail::before {
    display: none !important;
    content: none !important;
  }

  .e-cart-layout-two-column table.shop_table_responsive.cart td.product-name {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 80px);
    padding: 0 0 0 12px;
    box-sizing: border-box;
    text-align: left;
    font-weight: 600;
    overflow-wrap: break-word;
  }

  /* product-name doesn't need its own "Product:" label either — the
     name is self-explanatory next to the thumbnail */
  .e-cart-layout-two-column table.shop_table_responsive.cart td.product-name::before {
    display: none !important;
    content: none !important;
  }

  /* keep price / quantity / subtotal as tidy label:value rows below the header row */
  .e-cart-layout-two-column table.shop_table_responsive.cart td.product-price,
  .e-cart-layout-two-column table.shop_table_responsive.cart td.product-quantity,
  .e-cart-layout-two-column table.shop_table_responsive.cart td.product-subtotal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 0;
    text-align: right;
  }

  /* small top gap so the price row doesn't hug the thumbnail/name row */
  .e-cart-layout-two-column table.shop_table_responsive.cart td.product-price {
    margin-top: 6px;
    border-top: 1px dashed #eee;
    padding-top: 10px;
  }

  /* ---- Quantity box: fix its width on the narrow mobile card
         (centering itself is already handled globally above) ---- */
  .e-cart-layout-two-column table.shop_table_responsive.cart td.product-quantity input.qty {
    width: 60px;
  }

  /* ---- 3) Fix broken shipping method list ---- */
  ul#shipping_method.woocommerce-shipping-methods {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  ul#shipping_method.woocommerce-shipping-methods li {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
  }

  ul#shipping_method.woocommerce-shipping-methods li:last-child {
    border-bottom: none;
  }

  ul#shipping_method.woocommerce-shipping-methods li input[type="radio"] {
    flex: 0 0 auto;
    margin: 0 10px 0 0;
    width: 16px;
    height: 16px;
  }

  ul#shipping_method.woocommerce-shipping-methods li label {
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    font-size: 14px;
    word-break: break-word;
  }

  ul#shipping_method.woocommerce-shipping-methods li label .woocommerce-Price-amount {
    flex: 0 0 auto;
    margin-left: 10px;
    white-space: nowrap;
  }
}/* End custom CSS */