.elementor-1358 .elementor-element.elementor-element-c3366b1{--display:flex;}/* Start custom CSS for container, class: .elementor-element-c3366b1 *//* =========================================================
   RAZE CART — PREMIUM + RESPONSIVE (replace ALL cart CSS)
   ========================================================= */

.elementor-1358 .elementor-element.elementor-element-c3366b1{
  --raze-green:#58c46c;
  --raze-text: rgba(255,255,255,.92);
  --raze-muted: rgba(255,255,255,.68);
  --raze-dim: rgba(255,255,255,.52);
  --raze-border: rgba(255,255,255,.11);
  --raze-surface: rgba(255,255,255,.035);
  --raze-surface-2: rgba(255,255,255,.055);

  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Helvetica, Arial,
             "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol", sans-serif;

  --r2:16px;
  --r3:22px;

  /* spacing helpers (you referenced these earlier) */
  --s1: 6px;
  --s2: 10px;
  --s3: 12px;
  --s4: 14px;
  --s5: 16px;
  --s6: 20px;

  font-family: var(--font-ui);
  color: var(--raze-text);
  -webkit-text-size-adjust: 100%;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 a{ color: var(--raze-green) !important; }
.elementor-1358 .elementor-element.elementor-element-c3366b1 a:hover{ filter: brightness(1.06); }

/* ---------- Intro ---------- */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .raze-cart-intro{
  max-width: 1320px;
  margin: 0 auto 22px;
  padding: 0 24px;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .raze-cart-kicker{
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
  margin-bottom: 10px;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .raze-cart-title{
  margin: 0 0 10px;
  font-size: clamp(34px, 3.2vw, 46px);
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--raze-text);
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .raze-cart-sub{
  margin: 0 0 14px;
  color: rgba(255,255,255,.84);
  font-size: 16px;               /* bigger than notes */
  line-height: 1.5;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .raze-cart-meta{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  color: var(--raze-dim);        /* duller than subtitle */
  font-size: 13px;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .raze-cart-meta li{
  display: inline-flex;
  align-items: center;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .raze-cart-meta li + li::before{
  content: "•";
  margin-right: 14px;
  color: rgba(255,255,255,.25);
}

/* ---------- Cart wrapper width + layout ---------- */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .rishi-cart-wrapper{
  width: 100% !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .e-cart__container,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .e-cart__column,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .e-cart__column-inner,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .e-shop-table,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .e-cart-totals,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart-collaterals,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals{
  min-width: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Desktop: 2 columns */
@media (min-width: 1025px){
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .e-cart__container{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 400px !important;
    gap: 32px !important;
    align-items: start !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .e-sticky-right-column{
    position: sticky !important;
    top: 120px !important;
    align-self: start !important;
  }
}

/* ---------- Module cards ---------- */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals{
  background: linear-gradient(180deg, var(--raze-surface), rgba(255,255,255,.02)) !important;
  border: 1px solid var(--raze-border) !important;
  border-radius: var(--r3) !important;
  padding: 28px !important;
}

/* ---------- Cart table (DESKTOP) ---------- */
@media (min-width: 1025px){
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table{
    width: 100% !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    table-layout: fixed !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table thead th{
    border: 0 !important;
    padding: 0 0 12px !important;
    font-size: .78rem !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: var(--raze-muted) !important;
    white-space: nowrap !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* header alignment */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart th.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart th.product-subtotal{
    text-align: right !important;
    padding-right: 18px !important;
  }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart th.product-quantity{
    text-align: center !important;
  }

  /* cell “pills” */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table tbody td{
    background: rgba(255,255,255,.02) !important;
    border-top: 1px solid var(--raze-border) !important;
    border-bottom: 1px solid var(--raze-border) !important;
    color: var(--raze-text) !important;
    padding: 14px 14px !important;
    vertical-align: middle !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table tbody td:first-child{
    border-left: 1px solid var(--raze-border) !important;
    border-top-left-radius: var(--r2) !important;
    border-bottom-left-radius: var(--r2) !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table tbody td:last-child{
    border-right: 1px solid var(--raze-border) !important;
    border-top-right-radius: var(--r2) !important;
    border-bottom-right-radius: var(--r2) !important;
  }

  /* Column widths */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart th.product-remove,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-remove{ width: 44px !important; text-align:center !important; }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart th.product-thumbnail,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-thumbnail{ width: 86px !important; }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart th.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-price{ width: 120px !important; }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart th.product-quantity,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-quantity{ width: 140px !important; text-align:center !important; }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart th.product-subtotal,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-subtotal{ width: 130px !important; }

  /* Product title */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-name{ white-space: normal !important; }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .product-name a{
    color: var(--raze-text) !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    display: block !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
  }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .product-name a:hover{ color: var(--raze-green) !important; }

  /* numbers align clean */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-subtotal{
    text-align: right !important;
    padding-right: 18px !important;   /* visual alignment fix */
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums !important;
  }

  /* make currency symbol visible + consistent */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-Price-currencySymbol{
    opacity: .9 !important;
    margin-right: 1px !important;
  }

  /* Thumbnail */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-thumbnail img{
    width: 68px !important;
    height: 68px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    display: block !important;
  }
}

/* Remove button */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart a.remove{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.06) !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  text-decoration: none !important;
}
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart a.remove::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart a.remove::after{ content: none !important; }

/* Buttons */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .button,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart button.button,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart a.button{
  border-radius: 14px !important;
  min-height: 44px !important;
  padding: 12px 16px !important;
  border: 1px solid var(--raze-border) !important;
  background: rgba(255,255,255,.03) !important;
  color: var(--raze-text) !important;
  font-weight: 800 !important;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart button.button:disabled{
  opacity: .45 !important;
  cursor: not-allowed !important;
}

/* Primary CTA */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart a.checkout-button{
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: var(--raze-green) !important;
  border-color: var(--raze-green) !important;
  color: #06110a !important;
  font-weight: 900 !important;
}

/* ---------- Cart totals ---------- */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table{
  width: 100% !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 12px !important;
  table-layout: fixed !important;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals th,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals td{
  background: rgba(255,255,255,.02) !important;
  border: 1px solid var(--raze-border) !important;
  padding: 12px 14px !important;
  vertical-align: top !important;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals th{
  border-right: 0 !important;
  border-top-left-radius: 14px !important;
  border-bottom-left-radius: 14px !important;
  text-align: left !important;
  color: rgba(255,255,255,.78) !important;
  white-space: nowrap !important;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals td{
  border-left: 0 !important;
  border-top-right-radius: 14px !important;
  border-bottom-right-radius: 14px !important;
  text-align: right !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}

/* Shipping row: stack content nicely */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.woocommerce-shipping-totals th,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.woocommerce-shipping-totals td{
  display: block !important;
  width: 100% !important;
  border-radius: 14px !important;
  border: 1px solid var(--raze-border) !important;
}
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.woocommerce-shipping-totals th{ margin-bottom: 10px !important; }
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.woocommerce-shipping-totals td{
  text-align: left !important;
  white-space: normal !important;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-shipping-may-be-available-html{
  display: block !important;
  margin-top: 6px !important;
  color: rgba(255,255,255,.68) !important;
}

/* “Calculate shipping” -> no underline, button-like */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .shipping-calculator-button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 12px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(88,196,108,.35) !important;
  background: rgba(88,196,108,.10) !important;
  color: var(--raze-green) !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}

/* Make TOTAL the loudest number */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals tr.order-total th{
  color: rgba(255,255,255,.86) !important;
}
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals tr.order-total td{
  font-size: 18px !important;
  font-weight: 950 !important;
}

/* Focus ring */
.elementor-1358 .elementor-element.elementor-element-c3366b1 a:focus-visible,
.elementor-1358 .elementor-element.elementor-element-c3366b1 button:focus-visible,
.elementor-1358 .elementor-element.elementor-element-c3366b1 input:focus-visible,
.elementor-1358 .elementor-element.elementor-element-c3366b1 select:focus-visible{
  outline: 3px solid rgba(88,196,108,.9) !important;
  outline-offset: 3px !important;
}

/* =========================================================
   TABLET + MOBILE: rebuild LEFT cart container as product cards
   (fixes vertical text / bad spacing / wasted space)
   ========================================================= */
@media (max-width: 1024px){

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .raze-cart-intro,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .rishi-cart-wrapper{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form{
    padding: 18px !important;
  }

  /* Stop desktop table constraints from affecting responsive mode */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table{
    table-layout: auto !important;
    border-spacing: 0 !important;
  }

  /* Hide header row on mobile/tablet */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents thead{
    display: none !important;
  }

  /* Remove any theme “responsive labels” */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents td::before{
    content: none !important;
    display: none !important;
  }

  /* Neutralize desktop pill cells (we’ll style the ROW as the card) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tbody td{
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
  }

  /* Each cart item becomes a clean card */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tbody tr.cart_item{
    position: relative !important;
    display: grid !important;
    grid-template-columns: 78px 1fr !important;
    grid-template-areas:
      "thumb name"
      "price price"
      "qty qty"
      "subtotal subtotal";
    gap: 12px 14px !important;
    padding: 16px !important;
    margin: 0 0 16px !important;

    background: linear-gradient(180deg, var(--raze-surface-2), rgba(255,255,255,.02)) !important;
    border: 1px solid var(--raze-border) !important;
    border-radius: var(--r3) !important;
  }

  /* Place cells into the grid */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-thumbnail{ grid-area: thumb !important; }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-name{ grid-area: name !important; }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price{ grid-area: price !important; }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity{ grid-area: qty !important; }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal{ grid-area: subtotal !important; }

  /* Put remove button top-right (premium, predictable) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-remove{
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: auto !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-thumbnail img{
    width: 72px !important;
    height: 72px !important;
    border-radius: 16px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-name a{
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    padding-right: 34px !important; /* breathe past remove button */
  }

  /* Label/value rows (best use of space) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 14px !important;
    border-radius: var(--r2) !important;
    border: 1px solid var(--raze-border) !important;
    background: rgba(255,255,255,.02) !important;
  }

  /* Labels */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal::before{
    content: attr(data-title) !important;
    font-size: 12px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.62) !important;
    font-weight: 900 !important;
  }

  /* Values */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price .amount,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal .amount{
    font-weight: 950 !important;
    font-variant-numeric: tabular-nums !important;
    white-space: nowrap !important;
  }

  /* Make item subtotal slightly stronger than item price */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal{
    background: rgba(255,255,255,.03) !important;
  }

  /* Quantity input (right-aligned, compact) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity .quantity{
    margin-left: auto !important;
  }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity .qty{
    width: 92px !important;
    min-height: 42px !important;
    border-radius: 12px !important;
    border: 1px solid var(--raze-border) !important;
    background: rgba(255,255,255,.02) !important;
    color: var(--raze-text) !important;
    text-align: center !important;
  }

  /* Actions row: remove weird box + make button clean */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents td.actions{
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents td.actions button[name="update_cart"]{
    width: 100% !important;
    margin-top: 6px !important;
  }
}








/* =========================================================
   RAZE CART — PATCH ONLY (PASTE LAST)
   Fix: mobile left cart layout, visibility, Update Cart area,
        Calculate shipping link style, Total row highlight
   ========================================================= */

/* 1) Make amounts + important text clearly visible everywhere */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-Price-amount,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-Price-amount bdi{
  color: rgba(255,255,255,.95) !important;
}
.elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-Price-currencySymbol{
  color: rgba(255,255,255,.90) !important;
}

/* 2) Calculate shipping should be a simple green link (NOT a pill) */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .shipping-calculator-button{
  display: inline !important;
  padding: 0 !important;
  margin: 10px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  color: var(--raze-green) !important;
}
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .shipping-calculator-button:hover{
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* 3) Restore a GREEN highlight for the main Total row (Cart Totals) */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals tr.order-total th,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals tr.order-total td{
  background: rgba(88,196,108,.22) !important;
  border-color: rgba(88,196,108,.40) !important;
}
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals tr.order-total td{
  font-size: 18px !important;
  font-weight: 950 !important;
}

/* 4) MOBILE/TABLET: rebuild the LEFT cart item card to use space correctly */
@media (max-width: 1024px){

  /* Kill Woo “responsive table” labels (the Product: / vertical nonsense) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  table.shop_table.shop_table_responsive tbody tr.cart_item td::before{
    content: none !important;
    display: none !important;
  }

  /* The cart item becomes a 3-column header row: remove | thumb | name */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tbody tr.cart_item{
    display: grid !important;
    grid-template-columns: 40px 76px minmax(0, 1fr) !important;
    grid-template-areas:
      "remove thumb name"
      "price  price  price"
      "qty    qty    qty"
      "subt   subt   subt";
    gap: 12px 12px !important;

    padding: 16px !important;
    margin: 0 0 16px !important;

    border-radius: var(--r3) !important;
    border: 1px solid var(--raze-border) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02)) !important;

    overflow: visible !important;
  }

  /* Place the cells into areas */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-remove{ grid-area: remove !important; position: static !important; }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-thumbnail{ grid-area: thumb !important; }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-name{ grid-area: name !important; min-width: 0 !important; }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price{ grid-area: price !important; }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity{ grid-area: qty !important; }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal{ grid-area: subt !important; }

  /* Product name must NEVER be clipped */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-name,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-name a{
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: auto !important;
  }

  /* Remove button stays compact */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-remove a.remove{
    width: 34px !important;
    height: 34px !important;
  }

  /* Thumbnail */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-thumbnail img{
    width: 72px !important;
    height: 72px !important;
    border-radius: 16px !important;
    display: block !important;
  }

  /* Product title */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-name a{
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    padding-right: 0 !important; /* do NOT steal room */
  }

  /* Make the label/value rows consistent + readable */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding: 12px 14px !important;
    border-radius: var(--r2) !important;
    border: 1px solid var(--raze-border) !important;
    background: rgba(255,255,255,.02) !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal::before{
    content: attr(data-title) !important;
    font-size: 12px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.62) !important;
    font-weight: 900 !important;
  }

  /* Quantity input */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity .qty{
    width: 96px !important;
    min-height: 42px !important;
    text-align: center !important;
  }

  /* 5) Fix the Update Cart area (no clipped box / no weird cutoff) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr:last-child td.actions{
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Wrap the Update Cart button in a clean “footer row” look */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr:last-child td.actions button[name="update_cart"]{
    width: 100% !important;
    margin: 8px 0 14px !important;
    border-radius: 16px !important;
  }
}








/* =========================================================
   RAZE CART — MOBILE ALIGNMENT + PRODUCT NAME LAYOUT (PASTE LAST)
   - Product name gets its own rows
   - Thumbnail smaller
   - Price/Qty/Subtotal rows align consistently with labels
   - Removes weird extra borders in actions/update area
   ========================================================= */

@media (max-width: 1024px){

  /* --- Cart item becomes a clean stacked card --- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tbody tr.cart_item{
    display: grid !important;
    grid-template-columns: 40px 62px minmax(0, 1fr) !important;
    grid-template-areas:
      "remove thumb meta"
      "name   name  name"
      "price  price price"
      "qty    qty   qty"
      "subt   subt  subt";
    gap: 10px 12px !important;

    padding: 16px !important;
    margin: 0 0 16px !important;

    border-radius: var(--r3) !important;
    border: 1px solid var(--raze-border) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
  }

  /* Place cells */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-remove{ grid-area: remove !important; }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-thumbnail{ grid-area: thumb !important; }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-name{ grid-area: name !important; }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price{ grid-area: price !important; }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity{ grid-area: qty !important; }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal{ grid-area: subt !important; }

  /* Remove default “pills” on header cells inside the card (we’ll style only the lower rows) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-remove,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-thumbnail,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-name{
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

  /* Smaller thumbnail */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-thumbnail img{
    width: 58px !important;
    height: 58px !important;
    border-radius: 14px !important;
  }

  /* Product name should NEVER ellipsis on mobile */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-name,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-name a{
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: none !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: auto !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-name a{
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    margin-top: 2px !important;
  }

  /* --- We DO want labels for these rows, so re-enable ::before here --- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal::before{
    display: block !important;
    font-size: 12px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.62) !important;
    font-weight: 950 !important;
    margin-right: 10px !important;
  }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price::before{ content:"Price" !important; }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity::before{ content:"Quantity" !important; }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal::before{ content:"Subtotal" !important; }

  /* Make Price/Qty/Subtotal rows consistent */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding: 12px 14px !important;
    border-radius: var(--r2) !important;
    border: 1px solid var(--raze-border) !important;
    background: rgba(255,255,255,.02) !important;
  }

  /* Force values to the RIGHT (this is the “weird alignment” fix) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price .woocommerce-Price-amount,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal .woocommerce-Price-amount{
    margin-left: auto !important;
    text-align: right !important;
    font-weight: 950 !important;
  }

  /* Quantity input sits on the right too */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity .quantity{
    margin-left: auto !important;
  }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity .qty{
    width: 96px !important;
    min-height: 42px !important;
    text-align: center !important;
  }

  /* --- Update Cart area: remove the strange clipped box/border --- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr:last-child td.actions{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr:last-child td.actions::before{
    content: none !important;
    display: none !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tr:last-child td.actions button[name="update_cart"]{
    width: 100% !important;
    margin: 10px 0 14px !important;
    border-radius: 16px !important;
  }
}














/* =========================================================
   RAZE CART — PATCH: shrink money “pills” + tighter quantity
   Paste LAST
   ========================================================= */

/* ---------- Desktop + Mobile: tighten qty input + column widths ---------- */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .quantity .qty{
  width: 72px !important;   /* was 92/96 */
  min-height: 42px !important;
  text-align: center !important;
}

/* Desktop column widths (less dead space) */
@media (min-width: 1025px){
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart th.product-quantity,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-quantity{ width: 110px !important; }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart th.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-price{ width: 100px !important; }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart th.product-subtotal,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-subtotal{ width: 110px !important; }
}

/* ---------- Mobile / Tablet: make the ROW not be the pill; make the VALUE the pill ---------- */
@media (max-width: 1024px){

  /* Remove the big full-width “pill” backgrounds on Price/Qty/Subtotal rows */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal{
    background: transparent !important;
    border: 0 !important;
    padding: 6px 2px !important;
    border-radius: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  /* Labels on the left */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal::before{
    display: inline-block !important;
    margin-right: auto !important;

    font-size: 12px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.62) !important;
    font-weight: 950 !important;
  }

  /* Money becomes a compact pill (ONLY wraps the amount) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price .woocommerce-Price-amount,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal .woocommerce-Price-amount{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 10px 14px !important;
    border-radius: 14px !important;
    border: 1px solid var(--raze-border) !important;
    background: rgba(255,255,255,.02) !important;

    white-space: nowrap !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 950 !important;

    margin-left: auto !important; /* forces right side */
  }

  /* Quantity becomes a compact pill too */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity .quantity{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 6px 8px !important;
    border-radius: 14px !important;
    border: 1px solid var(--raze-border) !important;
    background: rgba(255,255,255,.02) !important;

    margin-left: auto !important; /* forces right side */
  }

  /* Let the wrapper be the “pill” and keep the input minimal */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity .qty{
    width: 68px !important;
    min-height: 38px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 6px !important;
  }

  /* Nice focus when tapping quantity */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity .quantity:focus-within{
    outline: 3px solid rgba(88,196,108,.35) !important;
    outline-offset: 3px !important;
  }
}








/* =========================================================
   RAZE CART — PATCH: shrink money “pills” + tighter quantity
   Paste LAST
   ========================================================= */

/* ---------- Desktop + Mobile: tighten qty input + column widths ---------- */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .quantity .qty{
  width: 72px !important;   /* was 92/96 */
  min-height: 42px !important;
  text-align: center !important;
}

/* Desktop column widths (less dead space) */
@media (min-width: 1025px){
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart th.product-quantity,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-quantity{ width: 110px !important; }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart th.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-price{ width: 100px !important; }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart th.product-subtotal,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-subtotal{ width: 110px !important; }
}

/* ---------- Mobile / Tablet: make the ROW not be the pill; make the VALUE the pill ---------- */
@media (max-width: 1024px){

  /* Remove the big full-width “pill” backgrounds on Price/Qty/Subtotal rows */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal{
    background: transparent !important;
    border: 0 !important;
    padding: 6px 2px !important;
    border-radius: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  /* Labels on the left */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal::before{
    display: inline-block !important;
    margin-right: auto !important;

    font-size: 12px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.62) !important;
    font-weight: 950 !important;
  }

  /* Money becomes a compact pill (ONLY wraps the amount) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price .woocommerce-Price-amount,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal .woocommerce-Price-amount{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 10px 14px !important;
    border-radius: 14px !important;
    border: 1px solid var(--raze-border) !important;
    background: rgba(255,255,255,.02) !important;

    white-space: nowrap !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 950 !important;

    margin-left: auto !important; /* forces right side */
  }

  /* Quantity becomes a compact pill too */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity .quantity{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 6px 8px !important;
    border-radius: 14px !important;
    border: 1px solid var(--raze-border) !important;
    background: rgba(255,255,255,.02) !important;

    margin-left: auto !important; /* forces right side */
  }

  /* Let the wrapper be the “pill” and keep the input minimal */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity .qty{
    width: 68px !important;
    min-height: 38px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 6px !important;
  }

  /* Nice focus when tapping quantity */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity .quantity:focus-within{
    outline: 3px solid rgba(88,196,108,.35) !important;
    outline-offset: 3px !important;
  }
}





/* =========================================================
   RAZE CART — MOBILE FIX (main cart container only)
   Paste LAST
   ========================================================= */

@media (max-width: 767px){

  /* Give the left module a bit less padding on small screens */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form{
    padding: 18px !important;
  }

  /* Prevent table spacing from creating weird gaps on mobile */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table{
    border-spacing: 0 !important;
    table-layout: auto !important;
  }

  /* -------- Turn EACH cart item row into a premium mobile “card” -------- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;

    background: rgba(255,255,255,.02) !important;
    border: 1px solid var(--raze-border) !important;
    border-radius: var(--r3) !important;
    padding: 14px !important;
    margin-bottom: 14px !important;
  }

  /* Remove the old “full-width cell pill” look for cart items on mobile */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item > td{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* --- Header row: remove + thumb + name --- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-remove{
    order: 1 !important;
    width: 36px !important;
    flex: 0 0 36px !important;
    align-self: flex-start !important;
    display: flex !important;
    justify-content: center !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-thumbnail{
    order: 2 !important;
    width: 56px !important;
    flex: 0 0 56px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-thumbnail img{
    width: 56px !important;
    height: 56px !important;
    border-radius: 14px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-name{
    order: 3 !important;
    flex: 1 1 calc(100% - 120px) !important;
    min-width: 160px !important;
    text-align: left !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-name a{
    text-align: left !important;
    display: block !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  /* --- Meta cards: Price / Qty (half width) + Subtotal (full width) --- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-quantity{
    order: 4 !important;
    flex: 1 1 calc(50% - 6px) !important;

    background: rgba(255,255,255,.02) !important;
    border: 1px solid var(--raze-border) !important;
    border-radius: var(--r2) !important;
    padding: 12px 12px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-subtotal{
    order: 5 !important;
    flex: 1 1 100% !important;

    background: rgba(255,255,255,.02) !important;
    border: 1px solid var(--raze-border) !important;
    border-radius: var(--r2) !important;
    padding: 12px 12px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  /* Clear any previous “amount pill” styling so the META CARD is the pill */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-price .woocommerce-Price-amount,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-subtotal .woocommerce-Price-amount{
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;

    color: rgba(255,255,255,.92) !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums !important;
  }

  /* Labels (so it’s not “mystery numbers”) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-price::before{
    content: "Price" !important;
    font-size: 12px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.62) !important;
    font-weight: 950 !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-quantity::before{
    content: "Qty" !important;
    font-size: 12px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.62) !important;
    font-weight: 950 !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-subtotal::before{
    content: "Subtotal" !important;
    font-size: 12px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.62) !important;
    font-weight: 950 !important;
  }

  /* Quantity sizing (no giant input) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-quantity .quantity{
    margin-left: auto !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-quantity .qty{
    width: 64px !important;
    min-height: 38px !important;
    text-align: center !important;
  }

  /* -------- Update Cart row: remove weird outline + stop clipping -------- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.actions{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 14px 0 0 !important;
    overflow: visible !important;
  }

  /* Important: actions cell was accidentally picking up first/last-child borders */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.actions:first-child,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.actions:last-child{
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.actions .button{
    width: 100% !important;
  }

  /* -------- Keep Calculate shipping as a normal green link (no pill) -------- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .shipping-calculator-button{
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    display: inline !important;
    color: var(--raze-green) !important;
    text-decoration: none !important;
    font-weight: 850 !important;
  }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .shipping-calculator-button:hover{
    filter: brightness(1.06) !important;
  }
}








/* =========================================================
   RAZE CART — MOBILE FIX (main cart container only)
   Paste LAST
   ========================================================= */

@media (max-width: 767px){

  /* Give the left module a bit less padding on small screens */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form{
    padding: 18px !important;
  }

  /* Prevent table spacing from creating weird gaps on mobile */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table{
    border-spacing: 0 !important;
    table-layout: auto !important;
  }

  /* -------- Turn EACH cart item row into a premium mobile “card” -------- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;

    background: rgba(255,255,255,.02) !important;
    border: 1px solid var(--raze-border) !important;
    border-radius: var(--r3) !important;
    padding: 14px !important;
    margin-bottom: 14px !important;
  }

  /* Remove the old “full-width cell pill” look for cart items on mobile */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item > td{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* --- Header row: remove + thumb + name --- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-remove{
    order: 1 !important;
    width: 36px !important;
    flex: 0 0 36px !important;
    align-self: flex-start !important;
    display: flex !important;
    justify-content: center !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-thumbnail{
    order: 2 !important;
    width: 56px !important;
    flex: 0 0 56px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-thumbnail img{
    width: 56px !important;
    height: 56px !important;
    border-radius: 14px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-name{
    order: 3 !important;
    flex: 1 1 calc(100% - 120px) !important;
    min-width: 160px !important;
    text-align: left !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-name a{
    text-align: left !important;
    display: block !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  /* --- Meta cards: Price / Qty (half width) + Subtotal (full width) --- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-quantity{
    order: 4 !important;
    flex: 1 1 calc(50% - 6px) !important;

    background: rgba(255,255,255,.02) !important;
    border: 1px solid var(--raze-border) !important;
    border-radius: var(--r2) !important;
    padding: 12px 12px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-subtotal{
    order: 5 !important;
    flex: 1 1 100% !important;

    background: rgba(255,255,255,.02) !important;
    border: 1px solid var(--raze-border) !important;
    border-radius: var(--r2) !important;
    padding: 12px 12px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  /* Clear any previous “amount pill” styling so the META CARD is the pill */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-price .woocommerce-Price-amount,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-subtotal .woocommerce-Price-amount{
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;

    color: rgba(255,255,255,.92) !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums !important;
  }

  /* Labels (so it’s not “mystery numbers”) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-price::before{
    content: "Price" !important;
    font-size: 12px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.62) !important;
    font-weight: 950 !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-quantity::before{
    content: "Qty" !important;
    font-size: 12px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.62) !important;
    font-weight: 950 !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-subtotal::before{
    content: "Subtotal" !important;
    font-size: 12px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.62) !important;
    font-weight: 950 !important;
  }

  /* Quantity sizing (no giant input) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-quantity .quantity{
    margin-left: auto !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-quantity .qty{
    width: 64px !important;
    min-height: 38px !important;
    text-align: center !important;
  }

  /* -------- Update Cart row: remove weird outline + stop clipping -------- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.actions{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 14px 0 0 !important;
    overflow: visible !important;
  }

  /* Important: actions cell was accidentally picking up first/last-child borders */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.actions:first-child,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.actions:last-child{
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.actions .button{
    width: 100% !important;
  }

  /* -------- Keep Calculate shipping as a normal green link (no pill) -------- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .shipping-calculator-button{
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    display: inline !important;
    color: var(--raze-green) !important;
    text-decoration: none !important;
    font-weight: 850 !important;
  }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .shipping-calculator-button:hover{
    filter: brightness(1.06) !important;
  }
}










/* =========================================================
   RAZE CART — MOBILE LABELS + ALIGNMENT (paste LAST)
   ========================================================= */
@media (max-width: 767px){

  /* 1) Force labels to show (some themes set td:before{display:none}) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tr.cart_item td.product-price::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tr.cart_item td.product-quantity::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tr.cart_item td.product-subtotal::before{
    content: attr(data-title) !important;   /* pulls "Price", "Quantity", "Subtotal" */
    display: inline-block !important;
    font-size: 12px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.62) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    margin-right: 10px !important;
  }

  /* 2) Make each mini card behave like "label .... value" */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tr.cart_item td.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tr.cart_item td.product-quantity,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tr.cart_item td.product-subtotal{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  /* 3) Keep $ + amounts visible + right aligned */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tr.cart_item td.product-price .woocommerce-Price-amount,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tr.cart_item td.product-subtotal .woocommerce-Price-amount{
    margin-left: auto !important;
    text-align: right !important;
    color: rgba(255,255,255,.92) !important;
    font-weight: 950 !important;
    font-variant-numeric: tabular-nums !important;
    white-space: nowrap !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-Price-currencySymbol{
    color: inherit !important;
    opacity: .92 !important;
  }

  /* 4) Quantity input stays on the right, not floating weirdly */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tr.cart_item td.product-quantity .quantity{
    margin-left: auto !important;
  }
}










/* =========================================================
   PATCH (PASTE LAST): Square ALL corners except buttons
   Targets your real wrapper: .rishi-cart-wrapper
   ========================================================= */

/* Square everything in the cart */
.rishi-cart-wrapper,
.rishi-cart-wrapper *{
  border-radius: 0 !important;
}

/* Re-round ONLY buttons (including remove “X” and checkout CTA) */
.rishi-cart-wrapper .button,
.rishi-cart-wrapper button.button,
.rishi-cart-wrapper a.button,
.rishi-cart-wrapper a.checkout-button,
.rishi-cart-wrapper a.remove{
  border-radius: 14px !important;
}



/* Square everything inside the Elementor cart container */
body.woocommerce-cart .e-cart__container,
body.woocommerce-cart .e-cart__container *{
  border-radius: 0 !important;
}

/* Re-round only buttons/controls */
body.woocommerce-cart .e-cart__container .button,
body.woocommerce-cart .e-cart__container button,
body.woocommerce-cart .e-cart__container a.button,
body.woocommerce-cart .e-cart__container a.checkout-button,
body.woocommerce-cart .e-cart__container a.remove,
body.woocommerce-cart .e-cart__container input,
body.woocommerce-cart .e-cart__container select{
  border-radius: 14px !important;
}


.elementor-element-3b89300 .e-cart__column-end .e-cart-totals{
  box-shadow: none !important; /* or reduce it instead of removing */
}











/* =========================================================
   FIX: Cart Totals “extra container” extending past box
   (pseudo-elements / drop-shadow outside the real box)
   Paste LAST in Elementor Custom CSS
   ========================================================= */

@media (min-width: 1025px){

  /* Clip any decorative layers to the actual module bounds */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .e-cart-totals.e-cart-section,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .e-cart-totals.e-cart-section .cart-collaterals{
    position: relative !important;
    overflow: hidden !important;
    border-radius: var(--r3) !important; /* matches your card radius */
  }

  /* The “extra visible container” is coming from these */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .e-cart-totals.e-cart-section .cart-collaterals::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .e-cart-totals.e-cart-section .cart-collaterals::after{
    inset: 0 !important;                 /* remove any negative offsets */
    border-radius: inherit !important;
    transform: none !important;
    filter: none !important;             /* kills drop-shadow style bleed */
    box-shadow: none !important;
    pointer-events: none !important;
  }
}






/* ================================
   RAZE CART — REMOVE ALL ROUNDING
   Paste LAST (Elementor Custom CSS)
   ================================ */

.elementor-1358 .elementor-element.elementor-element-c3366b1{
  --r2: 0px !important;
  --r3: 0px !important;
}

/* Hard-force square corners everywhere inside the cart UI */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .rishi-cart-wrapper,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .rishi-cart-wrapper *,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .rishi-cart-wrapper *::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .rishi-cart-wrapper *::after,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .e-cart__container,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .e-cart__container *,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .e-cart__container *::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .e-cart__container *::after{
  border-radius: 0 !important;
}







/* ================================
   RAZE CART — REMOVE ALL ROUNDING
   Paste LAST (Elementor Custom CSS)
   ================================ */

.elementor-1358 .elementor-element.elementor-element-c3366b1{
  --r2: 0px !important;
  --r3: 0px !important;
}

/* Hard-force square corners everywhere inside the cart UI */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .rishi-cart-wrapper,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .rishi-cart-wrapper *,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .rishi-cart-wrapper *::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .rishi-cart-wrapper *::after,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .e-cart__container,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .e-cart__container *,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .e-cart__container *::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .e-cart__container *::after{
  border-radius: 0 !important;
}








/* =========================================================
   RAZE CART — SQUARE CORNERS (FINAL OVERRIDE)
   Keep ALL cart styling in Elementor Custom CSS
   ========================================================= */

.elementor-1358 .elementor-element.elementor-element-c3366b1{
  --r2: 0px !important;
  --r3: 0px !important;
  --radius: 0px !important;
  --borderRadius: 0px !important;
}

/* Square everything inside the cart wrapper (incl pseudo-elements) */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .rishi-cart-wrapper,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .rishi-cart-wrapper *,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .rishi-cart-wrapper *::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .rishi-cart-wrapper *::after{
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
}














/* =========================================================
   RAZE CART — SQUARE CORNERS (ULTRA SPECIFIC FOR ELEMENTOR)
   Paste LAST in the Elementor container Custom CSS
   ========================================================= */

body.woocommerce-cart.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1{
  --r2: 0px !important;
  --r3: 0px !important;
  --radius: 0px !important;
  --borderRadius: 0px !important;
}

body.woocommerce-cart.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .rishi-cart-wrapper,
body.woocommerce-cart.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .rishi-cart-wrapper *,
body.woocommerce-cart.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .rishi-cart-wrapper *::before,
body.woocommerce-cart.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .rishi-cart-wrapper *::after{
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;

  /* in case anything is “rounding” via clipping */
  clip-path: none !important;
  -webkit-clip-path: none !important;
}









/* =========================================================
   RAZE CART — FINAL: SQUARE NON-BUTTON CORNERS (PASTE LAST)
   Fixes: row pill corners + totals/shipping rounding
   ========================================================= */

.elementor-1358 .elementor-element.elementor-element-c3366b1{
  --r2: 0px !important;
  --r3: 0px !important;
}

/* 1) Square the main “module cards” */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart :is(
  .woocommerce-cart-form,
  .cart_totals,
  .e-cart-totals,
  .e-cart-totals.e-cart-section,
  .cart-collaterals,
  .e-cart__container,
  .e-cart__column,
  .e-cart__column-inner,
  .e-cart__column-end
){
  border-radius: 0 !important;
}

/* 2) Desktop cart item row: kill the first/last cell rounding that makes the big pill */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table tbody tr.cart_item > td,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table tbody tr.cart_item > td:first-child,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table tbody tr.cart_item > td:last-child{
  border-radius: 0 !important;
}

/* 3) Cart totals table: remove the hard-coded 14px rounding on th/td */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table th,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table td{
  border-radius: 0 !important;
}

/* 4) Shipping totals row: you set border-radius:14px on these — force square */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.woocommerce-shipping-totals th,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.woocommerce-shipping-totals td{
  border-radius: 0 !important;
}

/* 5) If the rounding is coming from decorative layers/pseudo elements, square them too */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart :is(
  .woocommerce-cart-form,
  .cart_totals,
  .e-cart-totals,
  .cart-collaterals
)::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart :is(
  .woocommerce-cart-form,
  .cart_totals,
  .e-cart-totals,
  .cart-collaterals
)::after{
  border-radius: 0 !important;
}

/* 6) OPTIONAL: make thumbnails square too (remove if you want rounded images) */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart td.product-thumbnail img{
  border-radius: 0 !important;
}

/* 7) Keep ONLY buttons rounded */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart :is(
  .button,
  button.button,
  a.button,
  a.checkout-button
){
  border-radius: 14px !important;
}

/* Keep the remove “X” circular (if you prefer it rounded) */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart a.remove{
  border-radius: 999px !important;
}







/* =========================================================
   RAZE CART — SQUARE NON-BUTTON CORNERS (FINAL)
   Targets the exact elements in your HTML (Subtotal/Shipping/Total/Actions)
   ========================================================= */

/* 1) Kill your radius vars (so any var(--r2/--r3) rules collapse to 0) */
body.woocommerce-cart .elementor-widget-woocommerce-cart{
  --r2: 0px !important;
  --r3: 0px !important;
}

/* 2) Square the cart modules + cart item row card */
body.woocommerce-cart .elementor-widget-woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .elementor-widget-woocommerce-cart .cart_totals,
body.woocommerce-cart .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item,
body.woocommerce-cart .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tr.cart_item > td,
body.woocommerce-cart .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents td.actions{
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}

/* 3) Square the Cart Totals “pill” rows (this hits your <tr class="cart-subtotal"> etc) */
body.woocommerce-cart .elementor-widget-woocommerce-cart .cart_totals table.shop_table,
body.woocommerce-cart .elementor-widget-woocommerce-cart .cart_totals table.shop_table tr,
body.woocommerce-cart .elementor-widget-woocommerce-cart .cart_totals table.shop_table th,
body.woocommerce-cart .elementor-widget-woocommerce-cart .cart_totals table.shop_table td,
body.woocommerce-cart .elementor-widget-woocommerce-cart .cart_totals table.shop_table th::before,
body.woocommerce-cart .elementor-widget-woocommerce-cart .cart_totals table.shop_table td::before,
body.woocommerce-cart .elementor-widget-woocommerce-cart .cart_totals table.shop_table th::after,
body.woocommerce-cart .elementor-widget-woocommerce-cart .cart_totals table.shop_table td::after{
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}

/* 4) Some themes round only first/last cells — hard kill that too */
body.woocommerce-cart .elementor-widget-woocommerce-cart table.shop_table tbody td:first-child,
body.woocommerce-cart .elementor-widget-woocommerce-cart table.shop_table tbody td:last-child{
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* 5) Re-round ONLY actual buttons/CTAs (leave everything else square) */
body.woocommerce-cart .elementor-widget-woocommerce-cart .button,
body.woocommerce-cart .elementor-widget-woocommerce-cart button.button,
body.woocommerce-cart .elementor-widget-woocommerce-cart a.button,
body.woocommerce-cart .elementor-widget-woocommerce-cart a.checkout-button,
body.woocommerce-cart .elementor-widget-woocommerce-cart a.remove{
  border-radius: 14px !important;
}







/* =========================================================
   FIX: Cart Totals left edge looks "cut off" on mobile
   Cause: Woo responsive hides <th>, your <td> has border-left:0
   Fix: Keep <th> visible + disable td::before labels in Cart Totals
   ========================================================= */

@media (max-width: 1024px){

  /* 1) Stop Woo from hiding the Cart Totals <th> */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table_responsive tr th{
    display: table-cell !important;
  }

  /* 2) Stop Woo from converting Cart Totals <td> into stacked blocks */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table_responsive tr td{
    display: table-cell !important;
  }

  /* 3) Kill the responsive label duplication (esp. Shipping showing twice) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table_responsive tr td::before{
    content: none !important;
    display: none !important;
  }
}









/* =========================================
   FIX: Cart Totals rows look cut off on LEFT
   (Subtotal + Total)
   Paste LAST
   ========================================= */

/* Target ONLY the left cell (TH) for Subtotal + Total */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals tr.cart-subtotal > th,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals tr.order-total   > th{
  position: relative !important;

  /* If some rule is killing the left border, force it off... */
  border-left: 0 !important;

  /* ...then draw a perfect 1px “left border” INSIDE the cell */
  box-shadow: inset 1px 0 0 var(--raze-border, rgba(255,255,255,.11)) !important;
  background-clip: padding-box !important;
}






/* =========================================================
   FIX: Cart Totals rows missing LEFT edge (Subtotal + Total)
   Cause: responsive table collapses TH, but TD keeps border-left:0
   ========================================================= */

@media (max-width: 1024px){

  /* Recreate the missing left edge WITHOUT adding a center divider */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table_responsive tr.cart-subtotal td,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table_responsive tr.order-total td{
    position: relative !important;
    z-index: 2 !important;
    box-shadow: inset 1px 0 0 var(--raze-border, rgba(255,255,255,.11)) !important;
  }

  /* Total row uses the green border color you already set */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table_responsive tr.order-total td{
    box-shadow: inset 1px 0 0 rgba(88,196,108,.40) !important;
  }
}





/* =========================================================
   FIX: Cart Totals rows cut off on LEFT (mobile/tablet)
   Woo hides <th> in responsive mode; your td border-left was 0.
   Paste LAST.
   ========================================================= */
@media (max-width: 1024px){

  /* Give rows breathing room + consistent spacing */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table.shop_table_responsive{
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    margin-left: 0 !important;
  }

  /* Hide the TH cells so we only style the TD as the “row card” */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table.shop_table_responsive tbody tr > th{
    display: none !important;
  }

  /* Each TD becomes the full row — restores the missing left edge */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table.shop_table_responsive tbody tr > td{
    border: 1px solid var(--raze-border) !important;
    border-left: 1px solid var(--raze-border) !important;          /* key fix */
    box-shadow: inset 1px 0 0 var(--raze-border) !important;       /* backup fix */
    background: rgba(255,255,255,.02) !important;

    padding: 12px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    text-align: right !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  /* Label on the left (from data-title) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table.shop_table_responsive tbody tr > td::before{
    content: attr(data-title) !important;
    display: inline-block !important;
    margin-right: auto !important;

    font-size: 12px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.62) !important;
    font-weight: 900 !important;
  }

  /* Shipping row needs to stack content */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals tr.woocommerce-shipping-totals > td{
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    white-space: normal !important;
  }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals tr.woocommerce-shipping-totals > td::before{
    margin: 0 0 8px 0 !important;
  }

  /* Keep your Total highlight */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals tr.order-total > td{
    background: rgba(88,196,108,.22) !important;
    border-color: rgba(88,196,108,.40) !important;
    box-shadow: inset 1px 0 0 rgba(88,196,108,.40) !important;
  }
}








/* FIX: Cart Totals left border “cut off” on mobile (th is hidden, td had border-left:0) */
@media (max-width: 767px){

  /* All totals rows EXCEPT shipping + total-highlight */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table_responsive
  tr:not(.woocommerce-shipping-totals):not(.order-total) > td{
    border-left: 1px solid var(--raze-border) !important;
  }

  /* Total row keeps its green border */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table_responsive
  tr.order-total > td{
    border-left: 1px solid rgba(88,196,108,.40) !important;
  }
}





/* FIX: Subtotal + Total left edge looks cut off (Woo hides <th> on responsive totals) */
@media (max-width: 1024px){

  /* Make sure these cells can host the edge line */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table_responsive tr.cart-subtotal > td,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table_responsive tr.order-total  > td{
    position: relative !important;
  }

  /* Draw the missing LEFT edge for Subtotal */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table_responsive tr.cart-subtotal > td::after{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 1px !important;
    background: var(--raze-border) !important;
    pointer-events: none !important;
  }

  /* Draw the missing LEFT edge for Total (match your green border) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table_responsive tr.order-total > td::after{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 1px !important;
    background: rgba(88,196,108,.40) !important;
    pointer-events: none !important;
  }
}









/* Cart Totals: force the missing LEFT edge on Subtotal + Total rows */
.woocommerce-cart .cart_totals table.shop_table tr.cart-subtotal > th,
.woocommerce-cart .cart_totals table.shop_table tr.order-total  > th{
  position: relative !important;
  overflow: visible !important;
}

.woocommerce-cart .cart_totals table.shop_table tr.cart-subtotal > th::before,
.woocommerce-cart .cart_totals table.shop_table tr.order-total  > th::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(255,255,255,.14);
  pointer-events: none;
}

/* Mobile: prevent the shipping message from spilling outside its box */
.woocommerce-cart .cart_totals .woocommerce-shipping-may-be-available-html{
  display: block;
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

.woocommerce-cart .cart_totals .woocommerce-shipping-totals td,
.woocommerce-cart .cart_totals .woocommerce-shipping-totals td *{
  max-width: 100%;
  box-sizing: border-box;
}







/* =========================================
   CART TOTALS — fix missing left edge
   (Subtotal + Total on desktop)
   + clean mobile alignment/overflow
   ========================================= */

/* 1) Kill any stray border-left color (the random green line) */
.woocommerce-cart .e-cart-totals .cart_totals table.shop_table tr.cart-subtotal > th,
.woocommerce-cart .e-cart-totals .cart_totals table.shop_table tr.order-total > th{
  position: relative;
  border-left: 0 !important;
}

/* 2) Re-draw the left edge INSIDE the cell so it can't be clipped */
.woocommerce-cart .e-cart-totals .cart_totals table.shop_table tr.cart-subtotal > th::before,
.woocommerce-cart .e-cart-totals .cart_totals table.shop_table tr.order-total > th::before{
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: 0;
  width: 1px;
  background: rgba(255,255,255,.14);
  pointer-events: none;
}

/* 3) Force Total row green background on ALL breakpoints (mobile included) */
.woocommerce-cart .e-cart-totals .cart_totals table.shop_table tr.order-total > th,
.woocommerce-cart .e-cart-totals .cart_totals table.shop_table tr.order-total > td{
  background: linear-gradient(180deg, rgba(82,200,121,.22), rgba(82,200,121,.12)) !important;
}

/* 4) Prevent the shipping message from spilling out on mobile */
.woocommerce-cart .e-cart-totals .woocommerce-shipping-may-be-available-html,
.woocommerce-cart .e-cart-totals .woocommerce-shipping-calculator{
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 5) Mobile: restore "label left / amount right", but keep shipping content left */
@media (max-width: 767px){
  .woocommerce-cart .e-cart-totals .cart_totals table.shop_table tr > th{
    text-align: left !important;
  }
  .woocommerce-cart .e-cart-totals .cart_totals table.shop_table tr > td{
    text-align: right !important;
  }

  .woocommerce-cart .e-cart-totals .cart_totals table.shop_table tr.woocommerce-shipping-totals > td,
  .woocommerce-cart .e-cart-totals .cart_totals table.shop_table tr.woocommerce-shipping-totals > td *{
    text-align: left !important;
  }
}





/* =========================================================
   RAZE CART — FIX PACK (PASTE LAST)
   ========================================================= */


/* =========================
   1) Product table: remove black header bg + restore alignment
   ========================= */

.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.woocommerce-cart-form__contents thead,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.woocommerce-cart-form__contents thead th{
  background: transparent !important;
  box-shadow: none !important;
}

/* Give header cells the same side padding as body cells */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.woocommerce-cart-form__contents thead th{
  padding: 0 14px 12px !important;
}

/* Explicit header alignment */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.woocommerce-cart-form__contents thead th.product-name{
  text-align: left !important;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.woocommerce-cart-form__contents thead th.product-quantity{
  text-align: center !important;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.woocommerce-cart-form__contents thead th.product-price,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.woocommerce-cart-form__contents thead th.product-subtotal{
  text-align: right !important;
  padding-right: 18px !important;
}

/* Explicit body alignment */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.woocommerce-cart-form__contents tbody td.product-price,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.woocommerce-cart-form__contents tbody td.product-subtotal{
  text-align: right !important;
  padding-right: 18px !important;
}

/* Make amounts occupy full cell width so they align perfectly */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.woocommerce-cart-form__contents tbody td.product-price .woocommerce-Price-amount,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.woocommerce-cart-form__contents tbody td.product-subtotal .woocommerce-Price-amount{
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}

/* Quantity centered */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.woocommerce-cart-form__contents tbody td.product-quantity{
  text-align: center !important;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.woocommerce-cart-form__contents tbody td.product-quantity .quantity{
  display: flex !important;
  justify-content: center !important;
}


/* =========================
   2) Cart Totals: make Subtotal + Total the ROW card (prevents “missing left edge”)
   ========================= */

/* Ensure nothing in Cart Totals is clipping the row edges */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table tbody{
  overflow: visible !important;
}

/* Remove default cell borders/backgrounds inside Cart Totals (we'll draw cards ourselves where needed) */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr > th,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr > td{
  border: 0 !important;
  background: transparent !important;
}

/* Subtotal + Total = flex row “card” with INSET outline (won’t appear cut off) */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.cart-subtotal,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.order-total{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;

  padding: 12px 14px !important;
  border-radius: 14px !important;

  /* INSET outline avoids the “left edge missing” look even when containers/overlays clip borders */
  box-shadow: inset 0 0 0 1px var(--raze-border, rgba(255,255,255,.14)) !important;

  background: rgba(255,255,255,.02) !important;

  /* micro-inset so nothing visually clips at extreme edges */
  margin: 0 1px !important;
  box-sizing: border-box !important;

  position: relative !important;
  z-index: 2 !important;
}

/* Total row should be fully green (desktop + mobile) */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.order-total{
  background: rgba(80, 200, 120, .18) !important;
  box-shadow: inset 0 0 0 1px rgba(80, 200, 120, .45) !important;
}

/* Kill any stray one-sided borders that might be getting applied elsewhere */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.order-total > th,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.order-total > td{
  border-left: 0 !important;
  border-right: 0 !important;
}

/* Layout inside the “row cards” */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.cart-subtotal > th,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.order-total   > th{
  display: block !important;
  flex: 1 1 auto !important;
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.cart-subtotal > td,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.order-total   > td{
  display: block !important;
  flex: 0 0 auto !important;
  text-align: right !important;
  padding: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}

/* Hide responsive “data-title” labels for these two rows only */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.cart-subtotal > td::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.order-total   > td::before{
  content: none !important;
  display: none !important;
}


/* =========================
   3) Mobile + Shipping text alignment
   ========================= */

.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.shipping th,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.shipping td{
  text-align: left !important;
}

/* Make the shipping message/link never overflow and always align left on mobile */
@media (max-width: 767px){
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table td::before{
    text-align: left !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  .woocommerce-shipping-may-be-available-html,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  .shipping-calculator-button{
    text-align: left !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  .woocommerce-shipping-may-be-available-html{
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}









/* =========================================================
   RAZE CART — paste LAST in the Cart widget/container CSS
   ========================================================= */

/* ---------------------------------------------------------
   1) REMOVE black background behind PRODUCT/PRICE/QUANTITY/SUBTOTAL
   --------------------------------------------------------- */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.woocommerce-cart-form__contents thead,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.woocommerce-cart-form__contents thead tr,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.woocommerce-cart-form__contents thead th{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* ---------------------------------------------------------
   2) RESTORE: Desktop column alignment (Price/Subtotal/Quantity)
   --------------------------------------------------------- */
@media (min-width: 768px){
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents thead th{
    padding: 0 14px 12px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents thead th.product-name{
    text-align: left !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents thead th.product-quantity{
    text-align: center !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents thead th.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents thead th.product-subtotal{
    text-align: right !important;
    padding-right: 18px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tbody td.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tbody td.product-subtotal{
    text-align: right !important;
    padding-right: 18px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tbody td.product-price .woocommerce-Price-amount,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tbody td.product-subtotal .woocommerce-Price-amount{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tbody td.product-quantity{
    text-align: center !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tbody td.product-quantity .quantity{
    display: flex !important;
    justify-content: center !important;
  }
}

/* ---------------------------------------------------------
   3) CART TOTALS — prevent “missing left edge” + keep mobile clean
      Key trick: use inset box-shadow border (not real border),
      and make ONLY Subtotal/Total rows their own “box”.
   --------------------------------------------------------- */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table{
  overflow: visible !important;
}

/* Shared (desktop + mobile): stop theme half-cell borders from interfering */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.cart-subtotal > th,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.cart-subtotal > td,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.order-total   > th,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.order-total   > td{
  background: transparent !important;
  border: 0 !important;
}

/* ===== DESKTOP: NO rounded corners on these rows ===== */
@media (min-width: 768px){
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.cart-subtotal,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.order-total{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;

    width: 100% !important;
    box-sizing: border-box !important;

    padding: 12px 14px !important;

    border-radius: 0 !important; /* per your request */
    position: relative !important;
    z-index: 2 !important;
  }

  /* Subtotal row box (inset border so left edge can’t “vanish”) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.cart-subtotal{
    background: rgba(255,255,255,.02) !important;
    box-shadow: inset 0 0 0 1px var(--raze-border) !important;
  }

  /* Total row box (full green background + full border) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.order-total{
    background: rgba(85,255,140,.16) !important;
    box-shadow: inset 0 0 0 1px rgba(85,255,140,.45) !important;
  }

  /* Label (left) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.cart-subtotal > th,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.order-total > th{
    display: block !important;
    flex: 1 1 auto !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  /* Amount (right) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.cart-subtotal > td,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.order-total > td{
    display: block !important;
    flex: 0 0 auto !important;
    text-align: right !important;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums !important;
  }

  /* If theme injects mobile labels via td::before, kill them here too */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.cart-subtotal > td::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.order-total > td::before{
    content: none !important;
    display: none !important;
  }
}

/* ===== MOBILE: keep everything inside container + left-align Shipping/Calculate Shipping ===== */
@media (max-width: 767px){
  /* Subtotal + Total still become clean “rows” on mobile (rounded is OK) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.cart-subtotal,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.order-total{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;

    width: 100% !important;
    box-sizing: border-box !important;

    padding: 10px 12px !important;
    border-radius: 14px !important;

    position: relative !important;
    z-index: 2 !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.cart-subtotal{
    background: rgba(255,255,255,.02) !important;
    box-shadow: inset 0 0 0 1px var(--raze-border) !important;
  }

  /* MOBILE Total: full green background (NO random left-only border) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.order-total{
    background: rgba(85,255,140,.16) !important;
    box-shadow: inset 0 0 0 1px rgba(85,255,140,.45) !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.cart-subtotal > th,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.order-total > th{
    flex: 1 1 auto !important;
    text-align: left !important;
    white-space: nowrap !important;
    min-width: 0 !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.cart-subtotal > td,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.order-total > td{
    flex: 0 0 auto !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  /* Shipping row: LEFT align “Shipping” + “Calculate shipping” */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.woocommerce-shipping-totals.shipping > th,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.woocommerce-shipping-totals.shipping > td{
    text-align: left !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals .shipping-calculator-button{
    display: inline-block !important;
    text-align: left !important;
  }

  /* Prevent ANY shipping text from overflowing the totals card */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table td[data-title="Shipping"],
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table td[data-title="Shipping"] *{
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals .woocommerce-shipping-may-be-available-html{
    display: block !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals .shipping-calculator-form{
    width: 100% !important;
  }
}



/* Mobile: Subtotal + Total rows NOT rounded */
@media (max-width: 767px){
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.cart-subtotal,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.order-total{
    border-radius: 0 !important;
  }
}












/* =========================================================
   FIX: Remove stray vertical lines on Subtotal + Total rows
   (theme pseudo-elements / inset dividers)
   ========================================================= */

.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.cart-subtotal > th::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.cart-subtotal > th::after,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.cart-subtotal > td::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.cart-subtotal > td::after,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.order-total > th::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.order-total > th::after,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.order-total > td::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.order-total > td::after{
  content: none !important;
  display: none !important;
}

/* Also kill any inset divider shadows that look like a “line” */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.cart-subtotal > th,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.cart-subtotal > td,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.order-total > th,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.order-total > td{
  box-shadow: none !important;
  outline: 0 !important;
}

/* Mobile: add breathing room AFTER the amount (right side) */
@media (max-width: 767px){
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.cart-subtotal,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.order-total{
    padding-right: 18px !important; /* increases space after $ amount */
  }
}













/* =========================================================
   RAZE CART — CLEAN LINES + WHITE INPUTS (PASTE LAST)
   ========================================================= */

/* 1) PRODUCT table header: remove any black header background (desktop) */
@media (min-width: 1025px){
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents thead,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents thead tr,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents thead th{
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
  }
}

/* 2) REMOVE border lines everywhere (modules, tables, “pills”, cards, etc.) */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart :is(
  .woocommerce-cart-form,
  .cart_totals,
  .e-cart__container,
  .e-cart__column,
  .e-cart__column-inner,
  .e-cart-totals,
  .cart-collaterals,
  table.shop_table,
  table.shop_table thead th,
  table.shop_table tbody td,
  table.shop_table tfoot th,
  table.shop_table tfoot td,
  .woocommerce-cart-form__contents tbody tr,
  .woocommerce-cart-form__contents td.actions,
  .cart_totals table.shop_table tbody tr,
  .cart_totals table.shop_table tbody th,
  .cart_totals table.shop_table tbody td,
  .coupon,
  a.remove,
  .button,
  button.button,
  a.button,
  a.checkout-button
){
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* If the theme draws “lines” via decorative pseudo layers, kill those too */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart :is(
  .woocommerce-cart-form,
  .cart_totals,
  .e-cart-totals,
  .cart-collaterals
)::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart :is(
  .woocommerce-cart-form,
  .cart_totals,
  .e-cart-totals,
  .cart-collaterals
)::after{
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* 3) Cart Totals: keep backgrounds, NO rounding, NO stray “|” lines */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.cart-subtotal,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.order-total{
  border-radius: 0 !important;
  box-shadow: none !important; /* removes any inset outline border look */
}

/* Subtotal subtle background */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.cart-subtotal{
  background: rgba(255,255,255,.02) !important;
}

/* Total stays green (full background) */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.order-total{
  background: rgba(80, 200, 120, .18) !important;
}

/* Remove the weird vertical “|” lines near S/T (pseudo-elements/dividers) */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.cart-subtotal :is(th,td)::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.cart-subtotal :is(th,td)::after,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.order-total :is(th,td)::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
.cart_totals table.shop_table > tbody > tr.order-total :is(th,td)::after{
  content: none !important;
  display: none !important;
}

/* Mobile: give the right side a bit more breathing room after the amount */
@media (max-width: 767px){
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.cart-subtotal,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals table.shop_table > tbody > tr.order-total{
    padding-right: 18px !important;
  }
}

/* 4) Mobile: Shipping + Calculate Shipping LEFT aligned + never overflow */
@media (max-width: 767px){
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals :is(th, td),
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals td *{
    text-align: left !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals .woocommerce-shipping-may-be-available-html{
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals .shipping-calculator-button{
    text-align: left !important;
    display: inline !important;
  }
}

/* 5) WHITE INPUTS (the ONLY borders that remain) */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart :is(
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="search"],
  input[type="number"],
  textarea,
  select
){
  background: #fff !important;
  color: #000 !important;
  border: 1px solid rgba(0,0,0,.28) !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* Make sure qty + coupon are white even if earlier mobile rules zeroed them out */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart input.qty,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart #coupon_code{
  background: #fff !important;
  color: #000 !important;
  border: 1px solid rgba(0,0,0,.28) !important;
}

/* Placeholder color (darker gray) */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart :is(input,textarea)::placeholder{
  color: rgba(0,0,0,.55) !important;
  opacity: 1 !important;
}

/* Prevent any “quantity wrapper” border/pill from showing (input itself has the border) */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .quantity{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}














/* =========================================================
   RAZE CART — BORDER MINIMALISM + WHITE INPUTS (PASTE LAST)
   Removes ALL borders/lines except form inputs (qty/coupon/etc.)
   ========================================================= */

/* 1) Kill the last “random” borders coming from Elementor/Woo wrappers */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .e-shop-table.e-cart-section,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .e-cart-section,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .e-cart-totals,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart-collaterals,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table thead,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table thead th,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table tbody td,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table tbody tr,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents td.actions,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table th,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table td,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table tr{
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Any “drawn” lines from pseudo-elements on containers */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .e-shop-table.e-cart-section::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .e-shop-table.e-cart-section::after,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .e-cart-section::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .e-cart-section::after,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart-collaterals::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart-collaterals::after,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart table.shop_table::after{
  content: none !important;
  display: none !important;
}

/* 2) Mobile: remove the remaining borders on the cart-item “cards” / meta rows */
@media (max-width: 1024px){
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents tbody tr.cart_item{
    border: 0 !important;
    box-shadow: none !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-subtotal{
    border: 0 !important;
    box-shadow: none !important;
  }

  /* If you have a wrapper “pill” around qty, remove its border (input keeps its own) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart tr.cart_item td.product-quantity .quantity{
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}

/* 3) Cart Totals: keep backgrounds, remove outlines/lines */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.cart-subtotal,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.order-total{
  box-shadow: none !important;  /* removes the “row outline” */
  border: 0 !important;
}

/* Ensure Total stays green without a border */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.order-total{
  background: rgba(88,196,108,.22) !important;
}

/* Remove the weird little “lines” next to Subtotal/Total text (pseudo/inset dividers) */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.cart-subtotal > th::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.cart-subtotal > th::after,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.cart-subtotal > td::after,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.order-total > th::before,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.order-total > th::after,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.order-total > td::after{
  content: none !important;
  display: none !important;
}

/* Add a bit of breathing room after the $ amounts on small screens */
@media (max-width: 767px){
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.cart-subtotal,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals table.shop_table > tbody > tr.order-total{
    padding-right: 18px !important;
  }
}

/* 4) WHITE INPUTS (qty + coupon + shipping calculator inputs) */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart input[type="text"],
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart input[type="number"],
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart input[type="email"],
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart input[type="tel"],
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart input[type="search"],
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart select,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart textarea{
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid rgba(0,0,0,.22) !important; /* inputs are the ONLY bordered elements */
  box-shadow: none !important;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart input::placeholder,
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart textarea::placeholder{
  color: #6b6b6b !important;
  opacity: 1 !important;
}





/* =========================================================
   RAZE CART — MOBILE BORDER CLEANUP + INPUT STYLING
   Paste LAST
   ========================================================= */

/* Inputs: white bg, gray placeholder, black text (all breakpoints) */
.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart :is(
  input[type="text"],
  input[type="number"],
  input[type="email"],
  input[type="tel"],
  input[type="search"],
  textarea,
  select
){
  background: #fff !important;
  color: #000 !important;
  border: 1px solid rgba(0,0,0,.25) !important;
  box-shadow: none !important;
}

.elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart :is(
  input[type="text"],
  input[type="number"],
  input[type="email"],
  input[type="tel"],
  input[type="search"],
  textarea
)::placeholder{
  color: rgba(0,0,0,.55) !important;
  opacity: 1 !important;
}

/* ---------- MOBILE ONLY ---------- */
@media (max-width: 767px){

  /* 1) Product section: remove borders around the $ rows + qty row container */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tr.cart_item td.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tr.cart_item td.product-quantity,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tr.cart_item td.product-subtotal{
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    border-radius: 0 !important;
  }

  /* If any “amount pill” styling still exists, kill it too */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tr.cart_item td.product-price .woocommerce-Price-amount,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tr.cart_item td.product-subtotal .woocommerce-Price-amount{
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

  /* 2) Quantity: make it obviously editable (keep border only on the input itself) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tr.cart_item td.product-quantity .quantity{
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .woocommerce-cart-form__contents tr.cart_item td.product-quantity .qty{
    min-height: 40px !important;
    padding: 8px 10px !important;
    text-align: center !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  /* 3) Cart Totals: remove the bordered “Shipping” panel on mobile */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals > th,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals > td,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals.shipping > th,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals.shipping > td{
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    border-radius: 0 !important;
  }

  /* Kill duplicate responsive “SHIPPING” label inside the cell if present */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals > td::before{
    content: none !important;
    display: none !important;
  }

  /* 4) Remove the thin vertical line before “Subtotal/Total” labels on mobile */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.cart-subtotal > th,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.order-total > th{
    border-left: 0 !important;
    box-shadow: none !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.cart-subtotal > th::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.cart-subtotal > th::after,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.order-total > th::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.order-total > th::after{
    content: none !important;
    display: none !important;
  }

  /* 5) Give the $ amount a little breathing room on the right (mobile totals rows) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.cart-subtotal,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.order-total{
    padding-right: 18px !important;
  }
}





/* =========================================================
   MOBILE: remove the Shipping calculator "panel" border
   (keep borders ONLY on actual inputs)
   Paste LAST
   ========================================================= */
@media (max-width: 767px){

  /* Kill any borders/boxes on the SHIPPING totals cell + its form wrappers */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals.shipping > td,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals.shipping > td *{
    border-color: transparent !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals.shipping > td{
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals.shipping > td .woocommerce-shipping-calculator,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals.shipping > td .shipping-calculator-form,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals.shipping > td .shipping-calculator-form *:not(input):not(select):not(textarea):not(button){
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
  }

  /* Also remove borders that commonly live on Woo form rows */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals.shipping > td .shipping-calculator-form .form-row{
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Keep borders ONLY on the editable fields (your requirement) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals.shipping > td :is(input, select, textarea){
    border: 1px solid rgba(0,0,0,.25) !important;
    background: #fff !important;
    color: #000 !important;
    box-shadow: none !important;
  }

  /* If the border you see is actually on the "Calculate shipping" link itself */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals.shipping > td .shipping-calculator-button{
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}





@media (max-width: 767px){
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals.shipping > td::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart
  .cart_totals tr.woocommerce-shipping-totals.shipping > td::after{
    content: none !important;
    display: none !important;
  }
}


/* =========================================================
   CART (MOBILE) — REMOVE REMAINING BORDERS (PASTE LAST)
   ========================================================= */
@media (max-width: 767px){

  /* ---------- Product section: kill the bordered “cards” ---------- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-cart-form__contents tr.cart_item td.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-cart-form__contents tr.cart_item td.product-quantity,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-cart-form__contents tr.cart_item td.product-subtotal{
    border: 0 !important;
    box-shadow: none !important; /* in case the “border” is an inset shadow */
    background: transparent !important;
    border-radius: 0 !important;
  }

  /* If your theme wrapped amounts in a bordered pill/card */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-cart-form__contents tr.cart_item td.product-price .woocommerce-Price-amount,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-cart-form__contents tr.cart_item td.product-subtotal .woocommerce-Price-amount{
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

  /* Quantity wrapper shouldn't look like a “box” */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-cart-form__contents tr.cart_item td.product-quantity .quantity{
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
  }

  /* Make quantity input clearly editable */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-cart-form__contents tr.cart_item td.product-quantity input.qty{
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid rgba(0,0,0,.28) !important;
    border-radius: 0 !important;
    box-shadow: inset 0 1px 0 rgba(0,0,0,.06) !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 12px !important;
    text-align: center !important;
    max-width: 120px !important;
  }

  /* Coupon input (white bg, gray placeholder, black text) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .coupon input#coupon_code{
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid rgba(0,0,0,.28) !important;
    border-radius: 0 !important;
    box-shadow: inset 0 1px 0 rgba(0,0,0,.06) !important;
    height: 44px !important;
    padding: 0 12px !important;
  }
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .coupon input#coupon_code::placeholder{
    color: rgba(0,0,0,.50) !important;
    opacity: 1 !important;
  }


  /* ---------- Cart Totals: remove the Shipping row border ---------- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals table.shop_table_responsive tr.woocommerce-shipping-totals,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals table.shop_table_responsive tr.woocommerce-shipping-totals > th,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals table.shop_table_responsive tr.woocommerce-shipping-totals > td{
    border: 0 !important;
    box-shadow: none !important; /* often the real culprit */
    background: transparent !important;
    border-radius: 0 !important;
  }

  /* Elementor/Woo messages sometimes have a border/stripe */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .e-checkout-message,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .e-cart-content,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-may-be-available-html{
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  /* If calculator expands, keep section borderless but keep field borders */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .shipping-calculator-form{
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-shipping-calculator select,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-shipping-calculator input[type="text"],
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-shipping-calculator textarea{
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid rgba(0,0,0,.28) !important;
    border-radius: 0 !important;
    box-shadow: inset 0 1px 0 rgba(0,0,0,.06) !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-shipping-calculator input[type="text"]::placeholder{
    color: rgba(0,0,0,.50) !important;
    opacity: 1 !important;
  }
}









/* ===== RAZE CART — MOBILE BORDER CLEANUP (PASTE LAST) ===== */
@media (max-width: 767px) {

  /* ----------------------------
     PRODUCT (mobile) — kill the “boxed” borders
     ---------------------------- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-cart-form__contents tr.cart_item td.product-price,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-cart-form__contents tr.cart_item td.product-subtotal,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-cart-form__contents tr.cart_item td.product-quantity {
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    background-image: none !important;
  }

  /* If your theme put a border/pill around the amount itself */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-cart-form__contents tr.cart_item td.product-price .woocommerce-Price-amount,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-cart-form__contents tr.cart_item td.product-subtotal .woocommerce-Price-amount {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

  /* Quantity: remove container “card” border, but make the INPUT look editable */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-cart-form__contents tr.cart_item td.product-quantity .quantity,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-cart-form__contents tr.cart_item td.product-quantity .quantity * {
    box-shadow: none !important;
    background-image: none !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-cart-form__contents tr.cart_item td.product-quantity .quantity {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-cart-form__contents tr.cart_item td.product-quantity input.qty {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid rgba(0,0,0,.28) !important;
    border-radius: 0 !important;
    padding: 10px 12px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-cart-form__contents tr.cart_item td.product-quantity input.qty::placeholder {
    color: rgba(0,0,0,.55) !important;
  }

  /* ----------------------------
     CART TOTALS (mobile) — remove Shipping block border
     ---------------------------- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals > th,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals > td,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals .woocommerce-shipping-calculator,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals .shipping-calculator-form {
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    background: transparent !important;
    background-image: none !important;
  }

  /* (Optional) keep spacing without a box */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals > td {
    padding: 10px 0 12px !important;
  }

  /* ----------------------------
     SUBTOTAL “line after S” fix (mobile)
     ---------------------------- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.cart-subtotal > th,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.cart-subtotal > td {
    border: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.cart-subtotal > th::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.cart-subtotal > th::after,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.cart-subtotal > td::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.cart-subtotal > td::after {
    content: none !important;
    display: none !important;
  }
}





/* =========================================================
   RAZE CART — MOBILE FIX (PASTE LAST)
   1) Remove the Subtotal divider line
   2) Remove the Shipping row “panel” border/box
   ========================================================= */
@media (max-width: 767px){

  /* ---------- 1) SUBTOTAL + TOTAL: make the ROW the box (no inner divider) ---------- */
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table tr.cart-subtotal,
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table tr.order-total{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 12px 14px !important;
  }

  /* Remove ALL cell borders/shadows that create the “|” line */
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table tr.cart-subtotal > th,
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table tr.cart-subtotal > td,
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table tr.order-total > th,
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table tr.order-total > td{
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Kill any pseudo-element divider the theme might be drawing */
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table tr.cart-subtotal > th::before,
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table tr.cart-subtotal > th::after,
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table tr.cart-subtotal > td::before,
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table tr.cart-subtotal > td::after,
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table tr.order-total > th::before,
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table tr.order-total > th::after,
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table tr.order-total > td::before,
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table tr.order-total > td::after{
    content: none !important;
    display: none !important;
  }


  /* ---------- 2) SHIPPING ROW: remove the bordered “panel” on mobile ---------- */
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  tr.woocommerce-shipping-totals.shipping > th,
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  tr.woocommerce-shipping-totals.shipping > td{
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  /* If the “box” is coming from Elementor/Woo message wrappers */
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  :is(.e-checkout-message, .e-cart-content, .woocommerce-shipping-may-be-available-html){
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  /* Remove borders on shipping calculator wrappers (NOT the actual inputs) */
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  tr.woocommerce-shipping-totals.shipping > td *:not(input):not(select):not(textarea):not(button){
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    background: transparent !important;
  }
}



/* RAZE CART — restore extra right padding after $ amounts (mobile) */
@media (max-width: 767px){
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table tr.cart-subtotal,
  body.woocommerce-cart .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  table.shop_table tr.order-total{
    padding-right: 22px !important;  /* bump this up/down if you want */
  }
}





/* RAZE CART — Shipping calculator: tighter spacing + obvious dropdowns (MOBILE) */
@media (max-width: 767px){

  /* Tighten vertical spacing inside the expanded form */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  .woocommerce-shipping-calculator{
    margin-top: 8px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  .shipping-calculator-form{
    margin-top: 10px !important;
    padding-top: 6px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  .shipping-calculator-form p,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  .shipping-calculator-form .form-row{
    margin: 0 0 6px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  .shipping-calculator-form label{
    display: block !important;
    margin: 0 0 6px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  .shipping-calculator-form button.button{
    margin-top: 6px !important;
  }

  /* Make the selects clearly dropdowns (chevron + spacing) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  .woocommerce-shipping-calculator select{
    min-height: 44px !important;
    padding-right: 46px !important;
    cursor: pointer !important;

    -webkit-appearance: none !important;
    appearance: none !important;

    background-repeat: no-repeat !important;
    background-size: 7px 7px, 7px 7px !important;
    background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50% !important;

    /* chevron */
    background-image:
      linear-gradient(45deg, transparent 50%, rgba(0,0,0,.75) 50%),
      linear-gradient(135deg, rgba(0,0,0,.75) 50%, transparent 50%) !important;
  }

  /* Hide old IE arrow if it ever shows */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .elementor-widget-woocommerce-cart .cart_totals
  .woocommerce-shipping-calculator select::-ms-expand{
    display: none !important;
  }
}





/* RAZE CART — MOBILE: shipping calculator spacing + REAL dropdown look (Select2) */
@media (max-width: 767px){

  /* ---- tighten vertical spacing inside the expanded calculator ---- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-shipping-calculator,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-shipping-calculator .shipping-calculator-form{
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-shipping-calculator .shipping-calculator-form{
    margin-top: 10px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-shipping-calculator .form-row,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-shipping-calculator p.form-row{
    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-shipping-calculator label{
    display: block !important;
    margin: 0 0 6px !important;
  }

  /* Woo sometimes wraps state select in a span */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-shipping-calculator .form-row-wide > span{
    display: block !important;
  }

  /* ---- Select2 dropdowns (THIS is what you’re seeing) ---- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-shipping-calculator .select2-container{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-shipping-calculator .select2-container .select2-selection--single{
    height: 44px !important;
    display: flex !important;
    align-items: center !important;

    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,.28) !important;
    border-radius: 0 !important;

    padding: 0 44px 0 12px !important; /* room for chevron */
    box-shadow: none !important;
    cursor: pointer !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-shipping-calculator .select2-container .select2-selection__rendered{
    color: #000 !important;
    line-height: 44px !important;
    padding: 0 !important;
    text-align: left !important;
  }

  /* Make the arrow area obvious */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-shipping-calculator .select2-container .select2-selection__arrow{
    height: 44px !important;
    width: 44px !important;
    right: 0 !important;
  }

  /* Turn Select2’s tiny arrow into a clear chevron */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-shipping-calculator .select2-container .select2-selection__arrow b{
    border-color: rgba(0,0,0,.75) transparent transparent transparent !important;
    border-width: 7px 6px 0 6px !important;
    margin-left: -6px !important;
    margin-top: -3px !important;
  }

  /* ---- fallback if Select2 isn't used somewhere ---- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .woocommerce-shipping-calculator select{
    min-height: 44px !important;
    background: #fff !important;
    color: #000 !important;
    border: 1px solid rgba(0,0,0,.28) !important;
    border-radius: 0 !important;
    padding: 0 44px 0 12px !important;
    cursor: pointer !important;
  }
}







/* RAZE CART — MOBILE: make shipping dropdowns look like real dropdowns + tighten spacing */
@media (max-width: 767px){

  /* ----------------------------
     1) TIGHTEN VERTICAL SPACING
     ---------------------------- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-calculator,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-calculator *{
    box-sizing: border-box !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-calculator .shipping-calculator-form{
    margin: 10px 0 0 !important;
    padding: 0 !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-calculator p,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-calculator p.form-row,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-calculator .form-row{
    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-calculator label{
    display: block !important;
    margin: 0 0 6px !important;
  }

  /* ----------------------------
     2) SELECT2: FORCE A WHITE “INPUT” BOX + CLEAR DROPDOWN CUE
     ---------------------------- */

  /* The visible select UI */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-calculator
  .select2-container--default .select2-selection--single{
    position: relative !important;
    height: 46px !important;
    min-height: 46px !important;

    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;

    border: 1px solid rgba(0,0,0,.30) !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    padding: 0 46px 0 12px !important; /* room for chevron */
    display: flex !important;
    align-items: center !important;
  }

  /* Some themes draw the “dark box” with pseudo-elements — kill them */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-calculator
  .select2-container--default .select2-selection--single::before,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-calculator
  .select2-container--default .select2-selection--single::after{
    content: none !important;
    display: none !important;
  }

  /* Rendered text */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-calculator
  .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #111 !important;
    line-height: 46px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
  }

  /* Make the right “arrow area” obvious */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-calculator
  .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 46px !important;
    width: 46px !important;
    right: 0 !important;
    top: 0 !important;
    background: rgba(0,0,0,.06) !important;
    border-left: 1px solid rgba(0,0,0,.18) !important;
  }

  /* Bigger, clearer chevron */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-calculator
  .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: rgba(0,0,0,.85) transparent transparent transparent !important;
    border-width: 8px 7px 0 7px !important;
    margin-left: -7px !important;
    margin-top: -3px !important;
  }

  /* Dropdown menu itself (when opened) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-calculator .select2-dropdown{
    background: #fff !important;
    border: 1px solid rgba(0,0,0,.30) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-calculator .select2-results__option{
    color: #111 !important;
    padding: 10px 12px !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-calculator .select2-results__option--highlighted{
    background: rgba(0,0,0,.06) !important;
    color: #111 !important;
  }

  /* ----------------------------
     3) FALLBACK (if any select shows without Select2)
     ---------------------------- */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals .woocommerce-shipping-calculator select{
    min-height: 46px !important;
    background: #fff !important;
    color: #111 !important;
    border: 1px solid rgba(0,0,0,.30) !important;
    border-radius: 0 !important;
    padding: 0 46px 0 12px !important;
  }
}







/* RAZE CART — MOBILE PATCH: restore dropdown boxes + tighten spacing + $ padding */
@media (max-width: 767px){

  /* 0) Restore breathing room AFTER the $ amounts (Subtotal + Total) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.cart-subtotal > td,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.order-total  > td{
    padding-right: 22px !important;
  }

  /* 1) Tighten vertical spacing inside the expanded shipping calculator */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals.shipping > td .shipping-calculator-form{
    margin-top: 10px !important;
    padding: 0 !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals.shipping > td .shipping-calculator-form p.form-row,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals.shipping > td .shipping-calculator-form .form-row{
    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals.shipping > td .shipping-calculator-form label{
    margin: 0 0 6px !important;
    display: block !important;
  }

  /* 2) FORCE Select2 dropdowns to look like real dropdowns
        (overrides your earlier "*:not(input/select/...){ background:transparent; border:0 }" rule) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals.shipping > td .shipping-calculator-form .select2-container{
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals.shipping > td .shipping-calculator-form
  .select2-container--default .select2-selection--single{
    background: #fff !important;
    background-color: #fff !important;
    border: 1px solid rgba(0,0,0,.30) !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    height: 46px !important;
    min-height: 46px !important;
    padding: 0 46px 0 12px !important;

    display: flex !important;
    align-items: center !important;

    filter: none !important;
    mix-blend-mode: normal !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals.shipping > td .shipping-calculator-form
  .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #111 !important;
    line-height: 46px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
  }

  /* Arrow area so it screams “dropdown” */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals.shipping > td .shipping-calculator-form
  .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 46px !important;
    width: 46px !important;
    right: 0 !important;
    top: 0 !important;
    background: rgba(0,0,0,.06) !important;
    border-left: 1px solid rgba(0,0,0,.18) !important;
  }

  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals.shipping > td .shipping-calculator-form
  .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: rgba(0,0,0,.85) transparent transparent transparent !important;
    border-width: 8px 7px 0 7px !important;
    margin-left: -7px !important;
    margin-top: -3px !important;
  }

  /* 3) Fallback if a select renders natively (no Select2) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals.shipping > td .shipping-calculator-form select{
    width: 100% !important;
    min-height: 46px !important;
    background: #fff !important;
    color: #111 !important;
    border: 1px solid rgba(0,0,0,.30) !important;
    border-radius: 0 !important;
    padding: 10px 46px 10px 12px !important;
    -webkit-appearance: menulist !important;
    appearance: menulist !important;
  }
}







/* RAZE CART — MOBILE: fix Select2 dropdown centering + proper arrow */
@media (max-width: 767px){

  /* Make the whole select box a clean, centered control */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals.shipping > td
  .shipping-calculator-form .select2-container--default .select2-selection--single{
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 46px 0 12px !important;  /* room for arrow well */
    display: flex !important;
    align-items: center !important;
    position: relative !important;
  }

  /* TRUE vertical centering for the selected value */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals.shipping > td
  .shipping-calculator-form .select2-container--default .select2-selection--single
  .select2-selection__rendered{
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    line-height: 1.2 !important;        /* remove the “46px” line-height effect */
    padding: 0 !important;
    margin: 0 !important;
    color: #111 !important;
  }

  /* Arrow well: make it look intentional (subtle), not like a random gray block */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals.shipping > td
  .shipping-calculator-form .select2-container--default .select2-selection--single
  .select2-selection__arrow{
    height: 46px !important;
    width: 46px !important;
    right: 0 !important;
    top: 0 !important;

    background: rgba(0,0,0,.04) !important;         /* subtle */
    border-left: 1px solid rgba(0,0,0,.18) !important;

    display: block !important;
    position: absolute !important;
  }

  /* Hide Select2’s default <b> arrow (it’s inconsistent across themes) */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals.shipping > td
  .shipping-calculator-form .select2-selection__arrow b{
    display: none !important;
  }

  /* Draw a clean dropdown chevron */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals.shipping > td
  .shipping-calculator-form .select2-selection__arrow::after{
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -30%) !important;

    width: 0 !important;
    height: 0 !important;
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important;
    border-top: 8px solid rgba(0,0,0,.78) !important;
    pointer-events: none !important;
  }

  /* Optional: clearer focus/open state so it feels “interactive” */
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals.shipping > td
  .shipping-calculator-form .select2-container--open .select2-selection--single,
  .elementor-1358 .elementor-element.elementor-element-c3366b1 .cart_totals tr.woocommerce-shipping-totals.shipping > td
  .shipping-calculator-form .select2-container--focus .select2-selection--single{
    box-shadow: 0 0 0 3px rgba(88,196,108,.25) !important;
    border-color: rgba(0,0,0,.45) !important;
  }
}/* End custom CSS */