.elementor-38 .elementor-element.elementor-element-298cf36{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-6f6acb8{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-6f6acb8:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-6f6acb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;}@media(min-width:768px){.elementor-38 .elementor-element.elementor-element-6f6acb8{--content-width:1280px;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-d180fd7 *//* ================================================================
   NEXT LEVEL LABS — CART WIDGET   [".elementor-38 .elementor-element.elementor-element-d180fd7" VERSION]
   ================================================================

   >>> KAHAN PASTE KARNA HAI <<<
   Elementor me "Cart" widget par click karo
     -> Advanced tab
     -> Custom CSS
     -> yeh poori CSS paste karo -> Update

   ".elementor-38 .elementor-element.elementor-element-d180fd7" ko Elementor khud us widget ke unique ID se replace karta
   hai, is liye koi CSS class add karne ki zaroorat nahi aur CSS sirf
   usi widget par lagti hai.

   >>> ZAROORI <<<
   Elementor ke Style tab me kuch set NA karna — woh inline CSS banata
   hai jo is file ko override kar dega. Style tab default chhod do.

   NOTE: Elementor ke Cart widget ke do skin hote hain. Yeh CSS dono
   cover karti hai — purana Woo template (.shop_table.cart) aur naya
   Elementor version (.e-cart-*).
   ================================================================ */


/* ================================================================
   0. TEST — CSS pahunch rahi hai? (10 second check)
   Comment hatao -> GREEN border dikhe = CSS chal rahi hai.
   Check ke baad comment wapas laga do.
   ================================================================ */
/* .elementor-38 .elementor-element.elementor-element-d180fd7{outline:3px solid #10b981 !important} */


/* ================================================================
   1. VARIABLES + BASE
   ================================================================ */
.elementor-38 .elementor-element.elementor-element-d180fd7{
  --n950:#0a0a0a; --n900:#171717; --n800:#262626;
  --z950:#09090b; --z900:#18181b; --z800:#27272a; --z700:#3f3f46;
  --z600:#52525b; --z500:#71717a; --z400:#a1a1aa; --z300:#d4d4d8; --z200:#e4e4e7; --z100:#f4f4f5;
  --r400:#f87171; --r500:#ef4444; --r600:#dc2626; --r700:#b91c1c; --r900:#7f1d1d; --r950:#450a0a;
  --em400:#34d399; --em500:#10b981; --em900:#064e3b;
  --amber:#f59e0b;
  --sans:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-family:var(--sans);
  color:var(--z300);
}


/* ================================================================
   2. SECTION HEADINGS + CONTAINER
   ================================================================ */
.elementor-38 .elementor-element.elementor-element-d180fd7 .e-cart-section,
.elementor-38 .elementor-element.elementor-element-d180fd7 .e-cart-content,
.elementor-38 .elementor-element.elementor-element-d180fd7 .e-cart__container{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 .e-cart-section__title,
.elementor-38 .elementor-element.elementor-element-d180fd7 .e-cart-section-title,
.elementor-38 .elementor-element.elementor-element-d180fd7 .e-cart__section-title{
  font-family:var(--mono) !important;
  font-size:12px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  letter-spacing:.1em !important;
  color:#fff !important;
  padding-bottom:12px !important;
  margin:0 0 16px !important;
  border-bottom:1px solid var(--z900) !important;
}


/* ================================================================
   3. CART TABLE
   ================================================================ */
.elementor-38 .elementor-element.elementor-element-d180fd7 .shop_table,
.elementor-38 .elementor-element.elementor-element-d180fd7 .woocommerce-cart-form__contents,
.elementor-38 .elementor-element.elementor-element-d180fd7 table.cart{
  width:100% !important;
  border-collapse:collapse !important;
  border:1px solid var(--z900) !important;
  border-radius:16px !important;
  overflow:hidden !important;
  background:var(--z950) !important;
  font-family:var(--mono) !important;
  font-size:12px !important;
  margin:0 !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 .shop_table thead tr,
.elementor-38 .elementor-element.elementor-element-d180fd7 table.cart thead tr{
  background:var(--z900) !important;
  border-bottom:1px solid var(--z800) !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 .shop_table thead th,
.elementor-38 .elementor-element.elementor-element-d180fd7 table.cart thead th{
  font-family:var(--mono) !important;
  font-size:10px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  letter-spacing:.1em !important;
  color:var(--z400) !important;
  padding:14px 16px !important;
  border:none !important;
  text-align:left !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 .shop_table tbody tr,
.elementor-38 .elementor-element.elementor-element-d180fd7 .cart_item{
  border-top:1px solid var(--z900) !important;
  background:transparent !important;
  transition:background .25s !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 .cart_item:hover{background:rgba(24,24,27,.35) !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 .shop_table td,
.elementor-38 .elementor-element.elementor-element-d180fd7 .cart_item td{
  padding:16px !important;
  border:none !important;
  color:var(--z300) !important;
  vertical-align:middle !important;
}


/* ================================================================
   4. THUMBNAIL
   ================================================================ */
.elementor-38 .elementor-element.elementor-element-d180fd7 .product-thumbnail img,
.elementor-38 .elementor-element.elementor-element-d180fd7 td.product-thumbnail img{
  width:64px !important;
  max-width:64px !important;
  height:64px !important;
  object-fit:cover !important;
  border-radius:10px !important;
  border:1px solid var(--z900) !important;
  background:var(--n950) !important;
  transition:border-color .25s !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 .cart_item:hover .product-thumbnail img{border-color:rgba(220,38,38,.4) !important}


/* ================================================================
   5. PRODUCT NAME + PRICES
   ================================================================ */
.elementor-38 .elementor-element.elementor-element-d180fd7 .product-name a,
.elementor-38 .elementor-element.elementor-element-d180fd7 td.product-name a{
  font-family:var(--sans) !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#fff !important;
  text-decoration:none !important;
  line-height:1.4 !important;
  transition:color .2s !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 .product-name a:hover{color:var(--r400) !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 .product-name .variation,
.elementor-38 .elementor-element.elementor-element-d180fd7 .product-name dl.variation{
  font-family:var(--mono) !important;
  font-size:10px !important;
  color:var(--z500) !important;
  margin-top:4px !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 .product-price,
.elementor-38 .elementor-element.elementor-element-d180fd7 .product-subtotal{
  font-family:var(--mono) !important;
  font-size:12px !important;
  color:var(--z300) !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 .product-subtotal,
.elementor-38 .elementor-element.elementor-element-d180fd7 .product-subtotal .amount,
.elementor-38 .elementor-element.elementor-element-d180fd7 .product-subtotal bdi{
  color:#fff !important;
  font-weight:700 !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 .amount,
.elementor-38 .elementor-element.elementor-element-d180fd7 bdi{font-family:var(--mono) !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 del,.elementor-38 .elementor-element.elementor-element-d180fd7 del .amount,.elementor-38 .elementor-element.elementor-element-d180fd7 del bdi{
  color:var(--z600) !important;opacity:1 !important;font-weight:400 !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 ins,.elementor-38 .elementor-element.elementor-element-d180fd7 ins .amount,.elementor-38 .elementor-element.elementor-element-d180fd7 ins bdi{
  text-decoration:none !important;color:var(--r400) !important}


/* ================================================================
   6. QUANTITY INPUT
   ================================================================ */
.elementor-38 .elementor-element.elementor-element-d180fd7 .quantity{display:inline-flex !important;align-items:center !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 .quantity input.qty,
.elementor-38 .elementor-element.elementor-element-d180fd7 input[type="number"].qty{
  width:64px !important;
  background:var(--n950) !important;
  border:1px solid var(--z800) !important;
  border-radius:10px !important;
  padding:9px 10px !important;
  font-family:var(--mono) !important;
  font-size:12px !important;
  color:var(--z200) !important;
  text-align:center !important;
  outline:none !important;
  box-shadow:none !important;
  transition:border-color .25s !important;
  min-height:0 !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 .quantity input.qty:focus{border-color:var(--r600) !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 input[type=number]::-webkit-outer-spin-button,
.elementor-38 .elementor-element.elementor-element-d180fd7 input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.elementor-38 .elementor-element.elementor-element-d180fd7 input[type=number].qty{-moz-appearance:textfield}
/* Elementor ke plus/minus buttons (agar on hain) */
.elementor-38 .elementor-element.elementor-element-d180fd7 .e-cart-quantity button,
.elementor-38 .elementor-element.elementor-element-d180fd7 .quantity .plus,
.elementor-38 .elementor-element.elementor-element-d180fd7 .quantity .minus{
  width:30px !important;height:30px !important;
  background:var(--z900) !important;
  border:1px solid var(--z800) !important;
  border-radius:8px !important;
  color:var(--z300) !important;
  font-weight:700 !important;
  cursor:pointer !important;
  transition:border-color .25s,color .25s !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 .e-cart-quantity button:hover,
.elementor-38 .elementor-element.elementor-element-d180fd7 .quantity .plus:hover,
.elementor-38 .elementor-element.elementor-element-d180fd7 .quantity .minus:hover{
  border-color:var(--r600) !important;color:var(--r400) !important}


/* ================================================================
   7. REMOVE (×) BUTTON
   ================================================================ */
.elementor-38 .elementor-element.elementor-element-d180fd7 a.remove,
.elementor-38 .elementor-element.elementor-element-d180fd7 .product-remove a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:26px !important;height:26px !important;
  border-radius:8px !important;
  background:var(--z900) !important;
  border:1px solid var(--z800) !important;
  color:var(--z500) !important;
  font-size:15px !important;
  line-height:1 !important;
  text-decoration:none !important;
  transition:background .25s,border-color .25s,color .25s !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 a.remove:hover,
.elementor-38 .elementor-element.elementor-element-d180fd7 .product-remove a:hover{
  background:var(--r600) !important;
  border-color:var(--r600) !important;
  color:#fff !important;
}


/* ================================================================
   8. COUPON
   ================================================================ */
.elementor-38 .elementor-element.elementor-element-d180fd7 .coupon,
.elementor-38 .elementor-element.elementor-element-d180fd7 .e-apply-coupon,
.elementor-38 .elementor-element.elementor-element-d180fd7 .e-coupon-box{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 #coupon_code,
.elementor-38 .elementor-element.elementor-element-d180fd7 input[name="coupon_code"]{
  flex:1 1 180px !important;
  background:var(--n950) !important;
  border:1px solid var(--z800) !important;
  border-radius:12px !important;
  padding:12px 16px !important;
  font-family:var(--mono) !important;
  font-size:12px !important;
  color:var(--z200) !important;
  outline:none !important;
  min-height:0 !important;
  transition:border-color .25s !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 #coupon_code::placeholder{color:var(--z600) !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 #coupon_code:focus{border-color:var(--r600) !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 button[name="apply_coupon"],
.elementor-38 .elementor-element.elementor-element-d180fd7 .e-apply-coupon button{
  background:var(--z900) !important;
  border:1px solid var(--z800) !important;
  border-radius:12px !important;
  padding:12px 20px !important;
  font-family:var(--mono) !important;
  font-size:11px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  color:var(--z300) !important;
  cursor:pointer !important;
  transition:border-color .25s,color .25s,background .25s !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 button[name="apply_coupon"]:hover{
  border-color:var(--r600) !important;color:var(--r400) !important;
  background:var(--z800) !important}


/* ================================================================
   9. CART TOTALS
   ================================================================ */
.elementor-38 .elementor-element.elementor-element-d180fd7 .cart-collaterals,
.elementor-38 .elementor-element.elementor-element-d180fd7 .cart_totals,
.elementor-38 .elementor-element.elementor-element-d180fd7 .e-cart-totals{
  background:var(--z950) !important;
  border:1px solid var(--z900) !important;
  border-radius:16px !important;
  padding:20px !important;
  width:100% !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 .cart_totals h2,
.elementor-38 .elementor-element.elementor-element-d180fd7 .e-cart-totals__title{
  font-family:var(--mono) !important;
  font-size:12px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  letter-spacing:.1em !important;
  color:#fff !important;
  margin:0 0 14px !important;
  padding-bottom:12px !important;
  border-bottom:1px solid var(--z900) !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 .cart_totals table,
.elementor-38 .elementor-element.elementor-element-d180fd7 .cart_totals .shop_table{
  border:none !important;background:transparent !important;
  border-radius:0 !important;width:100% !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 .cart_totals table tr,
.elementor-38 .elementor-element.elementor-element-d180fd7 .cart-subtotal,
.elementor-38 .elementor-element.elementor-element-d180fd7 .woocommerce-shipping-totals,
.elementor-38 .elementor-element.elementor-element-d180fd7 .order-total{
  border-top:1px solid var(--z900) !important;background:transparent !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 .cart_totals th,
.elementor-38 .elementor-element.elementor-element-d180fd7 .cart_totals td{
  padding:11px 0 !important;border:none !important;
  font-family:var(--mono) !important;font-size:12px !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 .cart_totals th{
  color:var(--z500) !important;font-weight:400 !important;text-align:left !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 .cart_totals td{color:var(--z200) !important;text-align:right !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 .order-total th{color:#fff !important;font-weight:700 !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 .order-total td,
.elementor-38 .elementor-element.elementor-element-d180fd7 .order-total .amount,
.elementor-38 .elementor-element.elementor-element-d180fd7 .order-total bdi{
  color:var(--r500) !important;font-weight:800 !important;font-size:15px !important}
/* shipping methods list */
.elementor-38 .elementor-element.elementor-element-d180fd7 #shipping_method{list-style:none !important;margin:0 !important;padding:0 !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 #shipping_method li{
  display:flex !important;align-items:center !important;gap:8px !important;
  margin-bottom:8px !important;font-size:11px !important;color:var(--z400) !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 .woocommerce-shipping-destination{
  font-size:10px !important;color:var(--z600) !important;line-height:1.6 !important}


/* ================================================================
   10. PROCEED TO CHECKOUT BUTTON
   ================================================================ */
.elementor-38 .elementor-element.elementor-element-d180fd7 .wc-proceed-to-checkout{padding:16px 0 0 !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 .checkout-button,
.elementor-38 .elementor-element.elementor-element-d180fd7 a.checkout-button,
.elementor-38 .elementor-element.elementor-element-d180fd7 .wc-proceed-to-checkout .button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  background:var(--r600) !important;
  background-color:var(--r600) !important;
  border:none !important;
  border-radius:12px !important;
  padding:16px 32px !important;
  font-family:var(--mono) !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 10px 15px -3px rgba(127,29,29,.4) !important;
  transition:background .3s,box-shadow .3s,transform .2s !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 .checkout-button:hover{
  background:var(--r700) !important;background-color:var(--r700) !important;
  box-shadow:0 10px 25px -3px rgba(127,29,29,.6) !important;transform:scale(1.02)}
.elementor-38 .elementor-element.elementor-element-d180fd7 .checkout-button:active{transform:scale(.97)}

/* update cart (secondary) */
.elementor-38 .elementor-element.elementor-element-d180fd7 button[name="update_cart"]{
  background:var(--z900) !important;
  border:1px solid var(--z800) !important;
  border-radius:12px !important;
  padding:12px 20px !important;
  font-family:var(--mono) !important;font-size:11px !important;font-weight:700 !important;
  text-transform:uppercase !important;letter-spacing:.08em !important;
  color:var(--z300) !important;cursor:pointer !important;
  transition:border-color .25s,color .25s !important;
}
.elementor-38 .elementor-element.elementor-element-d180fd7 button[name="update_cart"]:hover{
  border-color:var(--r600) !important;color:var(--r400) !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 button[name="update_cart"]:disabled{opacity:.45 !important;cursor:not-allowed !important}


/* ================================================================
   11. EMPTY CART + MESSAGES
   ================================================================ */
.elementor-38 .elementor-element.elementor-element-d180fd7 .cart-empty,
.elementor-38 .elementor-element.elementor-element-d180fd7 .wc-empty-cart-message p{
  font-family:var(--mono) !important;font-size:12px !important;
  color:var(--z400) !important;line-height:1.7 !important;
  padding:16px !important;border-radius:12px !important;
  background:rgba(24,24,27,.6) !important;border:1px solid var(--z800) !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 .return-to-shop .button{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:var(--r600) !important;border:none !important;border-radius:12px !important;
  padding:14px 26px !important;margin-top:14px !important;
  font-family:var(--mono) !important;font-size:12px !important;font-weight:800 !important;
  text-transform:uppercase !important;letter-spacing:.06em !important;color:#fff !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 .return-to-shop .button:hover{background:var(--r700) !important}

.elementor-38 .elementor-element.elementor-element-d180fd7 .woocommerce-message,
.elementor-38 .elementor-element.elementor-element-d180fd7 .woocommerce-info{
  background:rgba(2,44,34,.35) !important;border:1px solid var(--em900) !important;
  border-radius:12px !important;color:var(--em400) !important;
  font-family:var(--mono) !important;font-size:12px !important;line-height:1.7 !important;
  padding:13px 16px !important}
.elementor-38 .elementor-element.elementor-element-d180fd7 .woocommerce-error{
  background:rgba(69,10,10,.3) !important;border:1px solid rgba(127,29,29,.5) !important;
  border-radius:12px !important;color:var(--r400) !important;
  font-family:var(--mono) !important;font-size:12px !important;padding:13px 16px !important;
  list-style:none !important}


/* ================================================================
   12. MOBILE — table ko card banao
   ================================================================ */
@media(max-width:767px){
  .elementor-38 .elementor-element.elementor-element-d180fd7 .shop_table thead,
  .elementor-38 .elementor-element.elementor-element-d180fd7 table.cart thead{display:none !important}
  .elementor-38 .elementor-element.elementor-element-d180fd7 .cart_item{
    display:block !important;
    background:var(--z950) !important;
    border:1px solid var(--z900) !important;
    border-radius:14px !important;
    padding:14px !important;
    margin-bottom:12px !important;
  }
  .elementor-38 .elementor-element.elementor-element-d180fd7 .cart_item td{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:8px 0 !important;
    border-bottom:1px solid rgba(24,24,27,.8) !important;
  }
  .elementor-38 .elementor-element.elementor-element-d180fd7 .cart_item td:last-child{border-bottom:none !important}
  .elementor-38 .elementor-element.elementor-element-d180fd7 .cart_item td::before{
    content:attr(data-title);
    font-family:var(--mono);font-size:9px;font-weight:700;
    text-transform:uppercase;letter-spacing:.1em;color:var(--z500);
    flex-shrink:0;
  }
  .elementor-38 .elementor-element.elementor-element-d180fd7 .cart_item td.product-thumbnail::before,
  .elementor-38 .elementor-element.elementor-element-d180fd7 .cart_item td.product-remove::before{content:none}
  .elementor-38 .elementor-element.elementor-element-d180fd7 .product-thumbnail img{width:56px !important;height:56px !important}
  .elementor-38 .elementor-element.elementor-element-d180fd7 .cart_totals,.elementor-38 .elementor-element.elementor-element-d180fd7 .e-cart-totals{padding:16px !important}
}


/* ================================================================
   13. ACCESSIBILITY
   ================================================================ */
@media(prefers-reduced-motion:reduce){
  .elementor-38 .elementor-element.elementor-element-d180fd7 *,.elementor-38 .elementor-element.elementor-element-d180fd7 *::before,.elementor-38 .elementor-element.elementor-element-d180fd7 *::after{transition:none !important}
  .elementor-38 .elementor-element.elementor-element-d180fd7 .checkout-button:hover{transform:none}
}/* End custom CSS */