#CartDrawer {
    --cart-drawer-progress-active-color: #af7db5;
    --cart-drawer-progress-inactive-color: #f4f4f4;
    --cart-drawer-progress-active-icon-fill-color: #ffffff;
  }
  .cart-drawer .free-product-progress-bar progress {
      color: var(--cart-drawer-progress-active-color);
      background-color: var(--cart-drawer-progress-inactive-color);
  }
  /* WebKit browsers (Chrome, Safari, Edge) */
  .cart-drawer .free-product-progress-bar progress::-webkit-progress-bar {
      background-color: var(--cart-drawer-progress-inactive-color);
    }
  .cart-drawer .free-product-progress-bar progress::-webkit-progress-value {
      background-image: linear-gradient(to right, #af7db5, #af7db5) !important;
  }
  /* Firefox */
  .cart-drawer .free-product-progress-bar progress::-moz-progress-bar {
      background-image: linear-gradient(to right, #af7db5, #af7db5) !important;
  }
  .free-shipping-main.free-shipping-main-color svg path,
    .free-shipping-main.free-shipping-main-color svg circle {
      fill: var(--cart-drawer-progress-active-icon-fill-color);
    }
  /* Circle icon color customization for free shipping */
  .free-shipping-main svg circle,
  .free-shipping-main svg {
    color: #000000;
  }
  /* Circle icon color customization for free gift */
  .free-gift-main svg circle,
  .free-gift-main svg {
    color: #000000;
  }
  /* Border radius customization for free shipping icon container */
  .free-shipping-main svg,
  .free-shipping-main img {
    border-radius: 5px !important;
  }
  /* Border customization for free shipping icon */
  /* Border radius customization for free gift icon container */
  .free-gift-main svg,
  .free-gift-main img {
    border-radius: 50px !important;
  }
  /* Border customization for free gift icon */
  /* Hide icons mode - reduced padding when icons are hidden */
  .cart-drawer .free-product-progress-bar.hide-icons-mode {
    min-height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 0px !important;
  }
  .cart-drawer .free-product-progress-bar.hide-icons-mode progress {
    height: 8px !important;
  }
  .cart-drawer .free-product-progress-bar.hide-icons-mode progress::-webkit-progress-bar {
    height: 8px !important;
  }
  .cart-drawer .free-product-progress-bar.hide-icons-mode progress::-webkit-progress-value {
    height: 8px !important;
  }
  .cart-drawer .free-product-progress-bar.hide-icons-mode progress::-moz-progress-bar {
    height: 8px !important;
  }
  .cart-drawer .free-product-progress-bar.hide-icons-mode progress {
    background-color: #ececec !important;
    color: #000000 !important;
  }
  .cart-drawer .free-product-progress-bar.hide-icons-mode progress::-webkit-progress-bar {
    background-color: #ececec !important;
  }
  .cart-drawer .free-product-progress-bar.hide-icons-mode progress::-webkit-progress-value {
    background-image: linear-gradient(to right, #af7db5, #af7db5) !important;
  }
  .cart-drawer .free-product-progress-bar.hide-icons-mode progress::-moz-progress-bar {
    background-image: linear-gradient(to right, #af7db5, #af7db5) !important;
  }
  /* Container padding when icons are hidden */
  .cart-drawer .free-product-progress-bar-main:has(.hide-icons-mode) {
    padding-bottom: 12px !important;
  }
  /* Text bottom padding when icons are hidden - Multiple selectors for better compatibility */
  .cart-drawer .free-product-progress-bar-main:has(.hide-icons-mode) .free-product-progress-bar-successfull,
  .cart-drawer .free-product-progress-bar-main .free-product-progress-bar-successfull:has(+ .hide-icons-mode),
  .cart-drawer .free-product-progress-bar-successfull:has(+ .free-product-progress-bar.hide-icons-mode) {
    padding-bottom: 8px !important;
  }
  /* Typography - Font Size Customization */
  .cart-drawer .free-product-progress-bar-successfull {
    font-size: 14px !important;
  }
  .cart-drawer .reward-name {
    font-size: 10px !important;
  }