.elementor-18 .elementor-element.elementor-element-f79dee2{--display:flex;}.elementor-18 .elementor-element.elementor-element-5968ba1d{text-align:start;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-5968ba1d p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-5968ba1d a{color:#FFFFFF;transition-duration:0.3s;}.elementor-18 .elementor-element.elementor-element-5968ba1d a:hover, .elementor-18 .elementor-element.elementor-element-5968ba1d a:focus{color:#DD0101;}/* Start custom CSS for text-editor, class: .elementor-element-5968ba1d *//* =========================================================
   VAMP – CART PAGE (Elementor Cart widget) – glass UI
   ========================================================= */

/* ---------- 1. Elementor widget settings: solid soft dividers, no boxes ---------- */
html body .elementor-widget-woocommerce-cart {
  --divider-style: solid !important;
  --divider-color: rgba(255, 255, 255, 0.14) !important;
  --divider-width: 1px !important;
  --sections-background-color: transparent !important;
  --sections-border-type: none !important;
  --sections-border-color: transparent !important;
  --sections-box-shadow: none !important;
}

/* ---------- 2. Two glass panels (products + totals) ---------- */
html body .elementor-widget-woocommerce-cart .e-cart-section,
html body .elementor-widget-woocommerce-cart:not(:has(.e-cart-section)) .woocommerce-cart-form,
html body .elementor-widget-woocommerce-cart:not(:has(.e-cart-section)) .cart_totals,
html body.woocommerce-cart:not(:has(.elementor-widget-woocommerce-cart)) .woocommerce-cart-form,
html body.woocommerce-cart:not(:has(.elementor-widget-woocommerce-cart)) .cart_totals {
  box-sizing: border-box !important;
  padding: 24px 26px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg,
              rgba(255, 255, 255, 0.07) 0%,
              rgba(255, 255, 255, 0.02) 100%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
  backdrop-filter: blur(20px) saturate(150%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.55),
    0 0 30px rgba(217, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
/* Nothing inside the panels draws its own box */
html body.woocommerce-cart .cart-collaterals,
html body.woocommerce-cart .e-cart-section .cart_totals,
html body.woocommerce-cart .e-cart-section .woocommerce-cart-form,
html body.woocommerce-cart table.shop_table {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ---------- 3. Clean table ---------- */
/* Header: small, muted, uppercase */
html body.woocommerce-cart table.shop_table thead th {
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  padding-bottom: 14px !important;
}
/* Rows: solid soft line between products, no dots */
html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr,
html body.woocommerce-cart .woocommerce-cart-form table.shop_table td {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
html body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody tr.cart_item td,
html body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody tr.woocommerce-cart-form__cart-item td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  transition: background .2s ease;
}
html body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody tr.cart_item:hover td {
  background: rgba(255, 255, 255, 0.03) !important;
}
/* Coupon / update row: no line above or below */
html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions {
  border: none !important;
  padding-top: 22px !important;
}

/* Product images: rounded */
html body.woocommerce-cart table.shop_table .product-thumbnail img {
  border-radius: 10px !important;
}
/* Product names: white, red on hover */
html body.woocommerce-cart table.shop_table .product-name a {
  color: #ffffff !important;
  font-weight: 600 !important;
  transition: color .2s ease;
}
html body.woocommerce-cart table.shop_table .product-name a:hover {
  color: #ff2a2a !important;
}
/* Delete icon: soft, red on hover */
html body.woocommerce-cart table.shop_table .product-remove a,
html body.woocommerce-cart table.shop_table a.remove {
  color: rgba(255, 255, 255, 0.6) !important;
  background: transparent !important;
  transition: color .2s ease, transform .2s ease;
}
html body.woocommerce-cart table.shop_table .product-remove a:hover,
html body.woocommerce-cart table.shop_table a.remove:hover {
  color: #ff2a2a !important;
  transform: scale(1.15);
}

/* ---------- 4. Coupon field ---------- */
html body.woocommerce-cart #coupon_code,
html body.woocommerce-cart .coupon input.input-text {
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: none !important;
  border-bottom: 2px solid #b30000 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
html body.woocommerce-cart #coupon_code::placeholder,
html body.woocommerce-cart .coupon input.input-text::placeholder {
  color: #9a9a9a !important;
  -webkit-text-fill-color: #9a9a9a !important;
  opacity: 1 !important;
}

/* ---------- 5. Cart totals content ---------- */
html body.woocommerce-cart .cart_totals h2 {
  margin-bottom: 18px !important;
  font-size: 18px !important;
}
html body.woocommerce-cart .cart_totals table th,
html body.woocommerce-cart .cart_totals table td {
  border: none !important;
  background: transparent !important;
}
html body.woocommerce-cart .cart_totals table tr:not(:first-child) th,
html body.woocommerce-cart .cart_totals table tr:not(:first-child) td {
  border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
}
html body.woocommerce-cart .cart_totals .order-total th,
html body.woocommerce-cart .cart_totals .order-total td,
html body.woocommerce-cart .cart_totals .order-total .amount {
  font-size: 18px !important;
  color: #ffffff !important;
}
html body.woocommerce-cart .cart_totals .shipping-calculator-button {
  color: rgba(255, 255, 255, 0.75) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
html body.woocommerce-cart .cart_totals .shipping-calculator-button:hover {
  color: #ff2a2a !important;
}

/* ---------- 6. Buttons: rounded + glow ---------- */
html body.woocommerce-cart .checkout-button,
html body.woocommerce-cart button[name="apply_coupon"],
html body.woocommerce-cart button[name="update_cart"] {
  border-radius: 10px !important;
  transition: box-shadow .25s ease, transform .15s ease, opacity .2s ease !important;
}
html body.woocommerce-cart .checkout-button:hover,
html body.woocommerce-cart button[name="apply_coupon"]:hover,
html body.woocommerce-cart button[name="update_cart"]:not(:disabled):hover {
  box-shadow: 0 0 18px rgba(255, 0, 0, 0.5) !important;
  transform: translateY(-1px);
}
html body.woocommerce-cart button[name="update_cart"]:disabled {
  opacity: 0.5 !important;
}

/* ---------- 7. Mobile ---------- */
@media (max-width: 767px) {
  html body .elementor-widget-woocommerce-cart .e-cart-section,
  html body.woocommerce-cart .woocommerce-cart-form,
  html body.woocommerce-cart .cart_totals {
    padding: 18px 16px !important;
    border-radius: 14px !important;
  }
}
/* ===== Cart buttons: white text on hover ===== */
html body.woocommerce-cart .elementor-widget-woocommerce-cart {
  --checkout-button-hover-text-color: #ffffff !important;
  --checkout-button-hover-background-color: #d90000 !important;
  --buttons-hover-text-color: #ffffff !important;
}
html body.woocommerce-cart .checkout-button,
html body.woocommerce-cart .checkout-button:hover,
html body.woocommerce-cart .checkout-button:focus,
html body.woocommerce-cart button[name="apply_coupon"]:hover,
html body.woocommerce-cart button[name="update_cart"]:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body.woocommerce-cart .checkout-button:hover {
  background: #d90000 !important;
  background-color: #d90000 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f79dee2 *//* =========================================================
   VAMP – ALL WOOCOMMERCE NOTICES (site-wide)
   ========================================================= */
html body .woocommerce-message,
html body .woocommerce-info,
html body .woocommerce-error,
html body .woocommerce-notices-wrapper > *,
html body .wc-block-components-notice-banner {
  background: #b30000 !important;
  background-color: #b30000 !important;
  border: none !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(179, 0, 0, 0.3) !important;
}

/* Text, links and icons inside: white */
html body .woocommerce-message *,
html body .woocommerce-info *,
html body .woocommerce-error *,
html body .wc-block-components-notice-banner * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body .woocommerce-message::before,
html body .woocommerce-info::before,
html body .woocommerce-error::before,
html body .woocommerce-message svg,
html body .woocommerce-info svg,
html body .woocommerce-error svg,
html body .wc-block-components-notice-banner svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Links inside notices (e.g. "View cart", "Undo") */
html body .woocommerce-message a,
html body .woocommerce-info a,
html body .woocommerce-error a {
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 600;
}

/* Buttons inside notices (e.g. "View cart" button): white outline */
html body .woocommerce-message .button,
html body .woocommerce-info .button,
html body .woocommerce-error .button {
  background: transparent !important;
  border: 1px solid #ffffff !important;
  border-radius: 8px !important;
  text-decoration: none;
}
html body .woocommerce-message .button:hover,
html body .woocommerce-info .button:hover {
  background: #ffffff !important;
  color: #b30000 !important;
  -webkit-text-fill-color: #b30000 !important;
}
/* =========================================================
   VAMP – DROPDOWNS & SHIPPING CALCULATOR (site-wide)
   ========================================================= */

/* ---------- Closed dropdown (India / Delhi) ---------- */
html body .select2-container--default .select2-selection--single,
html body .woocommerce select,
html body select.country_to_state,
html body select.state_select {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 2px solid #ffffff !important;
  border-radius: 0 !important;
  height: auto !important;
  min-height: 42px !important;
  box-shadow: none !important;
}
html body .select2-container--default .select2-selection--single .select2-selection__rendered,
html body .select2-container--default .select2-selection--single .select2-selection__placeholder,
html body .woocommerce select,
html body select.country_to_state,
html body select.state_select {
  color: #9a9a9a !important;
  -webkit-text-fill-color: #9a9a9a !important;
  line-height: 40px !important;
  padding-left: 0 !important;
}
html body .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px !important;
}
html body .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #ffffff transparent transparent transparent !important;
}
html body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #ffffff transparent !important;
}
/* Red underline while open */
html body .select2-container--default.select2-container--open .select2-selection--single {
  border-bottom-color: #d90000 !important;
}

/* ---------- Open dropdown list ---------- */
html body .select2-container--default .select2-dropdown,
html body .select2-container .select2-dropdown {
  background: #141414 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6) !important;
  overflow: hidden !important;
}
/* Search box at the top of the list */
html body .select2-container--default .select2-search--dropdown {
  background: #141414 !important;
  padding: 8px !important;
}
html body .select2-container--default .select2-search--dropdown .select2-search__field {
  background: #1f1f1f !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding: 8px 10px !important;
  outline: none !important;
}
/* Options */
html body .select2-container--default .select2-results__option,
html body .select2-container .select2-results__option {
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding: 10px 14px !important;
}
/* Hovered / highlighted option */
html body .select2-container--default .select2-results__option--highlighted,
html body .select2-container--default .select2-results__option--highlighted[aria-selected],
html body .select2-container--default .select2-results__option--highlighted[data-selected] {
  background: #b30000 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* Already selected option */
html body .select2-container--default .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted),
html body .select2-container--default .select2-results__option--selected:not(.select2-results__option--highlighted) {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* "No results" message */
html body .select2-container--default .select2-results__message {
  color: #9a9a9a !important;
  -webkit-text-fill-color: #9a9a9a !important;
}

/* Native dropdown options (fallback when Select2 isn't used) */
html body .woocommerce select option {
  background: #141414 !important;
  color: #ffffff !important;
}

/* ---------- Shipping calculator: Town / PIN fields ---------- */
html body .shipping-calculator-form input.input-text {
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: none !important;
  border-bottom: 2px solid #ffffff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body .shipping-calculator-form input.input-text:focus {
  border-bottom-color: #d90000 !important;
}
html body .shipping-calculator-form input.input-text::placeholder {
  color: #9a9a9a !important;
  -webkit-text-fill-color: #9a9a9a !important;
  opacity: 1 !important;
}
html body .shipping-calculator-form p.form-row {
  margin-bottom: 14px !important;
}

/* ---------- "Change address" link: white, red on hover ---------- */
html body .woocommerce .shipping-calculator-button,
html body .woocommerce-cart .cart_totals .shipping-calculator-button {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  transition: color .2s ease;
}
html body .woocommerce .shipping-calculator-button:hover {
  color: #ff2a2a !important;
  -webkit-text-fill-color: #ff2a2a !important;
}
/* =========================================================
   VAMP – RAZORPAY PAYMENT PAGE (order-pay)
   ========================================================= */

/* Centred glass card */
html body.woocommerce-order-pay .woocommerce {
  max-width: 620px !important;
  margin: 40px auto !important;
  box-sizing: border-box !important;
  padding: 30px 32px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg,
              rgba(255, 255, 255, 0.07) 0%,
              rgba(255, 255, 255, 0.02) 100%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
  backdrop-filter: blur(20px) saturate(150%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.55),
    0 0 30px rgba(217, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

/* Order details: clean rows, label left, value right */
html body.woocommerce-order-pay ul.order_details {
  list-style: none !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
}
html body.woocommerce-order-pay ul.order_details li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px;
  float: none !important;
  margin: 0 !important;
  padding: 14px 0 !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 14px !important;
  text-transform: none !important;
}
html body.woocommerce-order-pay ul.order_details li::before,
html body.woocommerce-order-pay ul.order_details li::marker {
  content: none !important;
  display: none !important;
}
html body.woocommerce-order-pay ul.order_details li strong {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-align: right;
}
/* Total row stands out */
html body.woocommerce-order-pay ul.order_details li.total strong,
html body.woocommerce-order-pay ul.order_details li.total .amount {
  font-size: 20px !important;
  color: #ffffff !important;
}

/* "Thank you for your order…" text */
html body.woocommerce-order-pay .woocommerce > p,
html body.woocommerce-order-pay #order_review p {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 0 22px !important;
}

/* Remove the big empty gap above the buttons */
html body.woocommerce-order-pay form[name="razorpayform"] {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* ---------- Buttons ---------- */
html body.woocommerce-order-pay #btn-razorpay,
html body.woocommerce-order-pay #btn-razorpay-cancel {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 12px !important;
  padding: 14px 20px !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: box-shadow .25s ease, transform .15s ease,
              background .2s ease, border-color .2s ease !important;
}

/* Pay Now: solid red */
html body.woocommerce-order-pay #btn-razorpay {
  background: #b30000 !important;
  border: 1px solid #b30000 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body.woocommerce-order-pay #btn-razorpay:hover {
  background: #d90000 !important;
  box-shadow: 0 0 20px rgba(255, 0, 0, 0.5) !important;
  transform: translateY(-1px);
}

/* Cancel: glass outline */
html body.woocommerce-order-pay #btn-razorpay-cancel {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: rgba(255, 255, 255, 0.8) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.8) !important;
}
html body.woocommerce-order-pay #btn-razorpay-cancel:hover {
  border-color: #ff2a2a !important;
  color: #ff2a2a !important;
  -webkit-text-fill-color: #ff2a2a !important;
}

/* Mobile */
@media (max-width: 767px) {
  html body.woocommerce-order-pay .woocommerce {
    margin: 20px 14px !important;
    padding: 22px 18px !important;
    border-radius: 14px !important;
  }
}
/* ===== Blocksy account dropdown: #0B0B0B glass, 50% opacity ===== */
[data-id="account"] .ct-header-account-dropdown,
.ct-header-account .ct-header-account-dropdown,
[data-id="account"] .ct-account-dropdown,
[data-id="account"] > ul {
  --background-color: rgba(11, 11, 11, 0.5) !important;
  --dropdown-background-color: rgba(11, 11, 11, 0.5) !important;
  background: rgba(11, 11, 11, 0.5) !important;
  background-color: rgba(11, 11, 11, 0.5) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
  backdrop-filter: blur(20px) saturate(150%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.55),
    0 4px 12px rgba(0, 0, 0, 0.35) !important;
  overflow: hidden;
}

/* Remove white backgrounds on inner items */
[data-id="account"] .ct-header-account-dropdown li,
[data-id="account"] .ct-header-account-dropdown li > *,
[data-id="account"] > ul li {
  background: transparent !important;
}

/* Username: white, bold */
[data-id="account"] .ct-header-account-user-info,
[data-id="account"] .ct-header-account-user-info b,
[data-id="account"] .ct-header-account-user-info strong,
[data-id="account"] .ct-header-account-user-info .ct-label {
  color: #ffffff !important;
}

/* Email: soft grey */
[data-id="account"] .ct-header-account-user-info small,
[data-id="account"] .ct-header-account-user-info span:not(.ct-label) {
  color: #a0a0a0 !important;
}

/* Divider under the user info */
[data-id="account"] .ct-header-account-user-info,
[data-id="account"] .ct-header-account-dropdown li:first-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* Dashboard / Edit Profile / Log Out: white, red on hover */
[data-id="account"] .ct-header-account-dropdown a,
[data-id="account"] > ul a {
  --theme-link-initial-color: #ffffff !important;
  --theme-link-hover-color: #d40000 !important;
  color: #ffffff !important;
  transition: color 0.2s ease;
}
[data-id="account"] .ct-header-account-dropdown a:hover,
[data-id="account"] > ul a:hover {
  color: #d40000 !important;
  background: rgba(255, 255, 255, 0.05) !important;
}
/* ===== Blocksy header mini-cart: #0B0B0B glass, 50% opacity ===== */
.ct-header-cart .ct-cart-content,
[data-id="cart"] .ct-cart-content {
  --background-color: rgba(11, 11, 11, 0.5) !important;
  background: rgba(11, 11, 11, 0.5) !important;
  background-color: rgba(11, 11, 11, 0.5) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
  backdrop-filter: blur(20px) saturate(150%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.55),
    0 4px 12px rgba(0, 0, 0, 0.35) !important;
}

/* Remove solid backgrounds on the inner layers so the glass shows through */
.ct-header-cart .ct-cart-content .widget_shopping_cart_content,
.ct-header-cart .ct-cart-content .woocommerce-mini-cart,
.ct-header-cart .ct-cart-content .woocommerce-mini-cart-item,
.ct-header-cart .ct-cart-content .woocommerce-mini-cart__total {
  background: transparent !important;
}

/* ===== Product names: white, semi-bold ===== */
.ct-header-cart .ct-cart-content .product-title,
.ct-header-cart .ct-cart-content .woocommerce-mini-cart-item a:not(.remove):not(.ct-media-container) {
  --theme-link-initial-color: #ffffff !important;
  --theme-link-hover-color: #dddddd !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}
.ct-header-cart .ct-cart-content .product-title:hover,
.ct-header-cart .ct-cart-content .woocommerce-mini-cart-item a:not(.remove):not(.ct-media-container):hover {
  color: #dddddd !important;
}/* End custom CSS */