#CartDrawer {
      
      --global_section_background_color: #F6F3EF;
      --cart-drawer-primary-background-color: rgb(var(--color-drawer));
      --cart-drawer-background-gradient: #f9fcfd; /* Or a suitable gradient variable */
      --cart-drawer-primary-text-color: #202329;
      --cart-drawer-header-background: #F6F3EF; /* Consider a subtle variation if needed */
      --cart-drawer-item-saving-color: #121212;
      --cart-drawer-item-saving-background: rgba(54, 146, 213, 0.1); /* Example: Accent 2 with low alpha */
      --cart-drawer-checkout-button-background: #121212;
      --cart-drawer-checkout-button-text-color: #FFFFFF;
      --cart-drawer-fs-icon-default-color: #121212; /* Accent color 1 for default state */
      --cart-drawer-fs-icon-active-color: #F6F3EF; /* Section background color for active state */
      --cart-drawer-progress-active-color: #121212;
      --cart-drawer-progress-inactive-color: #F2F2F2; /* Light gray at full opacity */
      --cart-drawer-progress-active-icon-fill-color: #FFFFFF; /* Contrasting color for active icon */
      --cart-drawer-shipping-protection-background: transparent; /* No background when theme colors are on */
      --cart-drawer-shipping-protection-border-color: rgba(32, 35, 41, 0.3);
      --cart-drawer-shipping-protection-text-color: #202329;
      --cart-drawer-freq-bought-background: #f2eee8;
      --cart-drawer-product-bg: #F6F3EF;
      --cart-drawer-footer-bg: #F6F3EF; /* Using exact global background color */
      --cart-drawer-secondary-text: rgba(32, 35, 41, 0.7);
      --cart-drawer-accent-color: #121212;
      --cart-drawer-divider-color: rgba(32, 35, 41, 0.1);
      --cart-drawer-active-icon-color: #121212;
      
    }

    /* Free Shipping Icon Colors */
    .free-shipping-main svg path,
    .free-shipping-main svg circle {
      fill: var(--cart-drawer-fs-icon-default-color);
    }

    .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);
    }

    .drawer {
      visibility: hidden;
    }

    /* Apply default color to inactive gift icon */
    .free-gift-main svg path,
    .free-gift-main svg circle { /* Assuming gift icon also might have circles */
      fill: var(--cart-drawer-fs-icon-default-color);
    }
    .discounts {
      font-size: 1rem;
      display: flex
      letter-spacing: var(--letter-spacing-body);
      text-transform: uppercase;
  ;
      align-items: center;
  }

    /* Override global accent color for cart buttons */
    .cart-drawer .quantity__button,
    .cart-drawer .cart-remove-button {
      background-color: transparent !important;
      border-color: #E2E2E2 !important;
      color: currentColor !important;
    }
    
    .cart-drawer .quantity__button:focus,
    .cart-drawer .quantity__button:active,
    .cart-drawer .cart-remove-button:focus,
    .cart-drawer .cart-remove-button:active {
      outline: none !important;
      background-color: transparent !important;
      box-shadow: none !important;
      -webkit-tap-highlight-color: transparent;
    }
    
    .cart-drawer quantity-input.quantity.cart-quantity .quantity__button:active,
    .cart-drawer quantity-input.quantity.cart-quantity .quantity__button:focus {
      background-color: #f5f5f5 !important;
    }
    
    .cart-drawer .cart-remove-button:hover,
    .cart-drawer .cart-remove-button:active,
    .cart-drawer .cart-remove-button:focus {
      opacity: 0.8;
      background-color: transparent !important;
    }

    /* IMPORTANT: Ensure the .gb-price-drawer-saving class always uses fixed colors regardless of theme settings */
    /*
    .gb-price-drawer-saving {
      background: #FFD2D2 !important;
      color: #FF1717 !important;
    }
    */
    
    /* Apply custom cart drawer colors to specific elements */
    .cart-drawer .drawer__header {
      background-color: var(--cart-drawer-header-background);
    }
    
    .cart-drawer .cart-item {
      background-color: var(--cart-drawer-product-bg);
    }
    
    .cart-drawer .drawer__footer {
      background-color: var(--cart-drawer-footer-bg);
      border-top-color: var(--cart-drawer-divider-color);
    }
    
    .cart-drawer .drawer__cart-items-wrapper .cart-items {
      border-color: var(--cart-drawer-divider-color);
    }
    
    .cart-drawer .cart__checkout-button {
      background-color: var(--cart-drawer-checkout-button-background) !important;
      color: var(--cart-drawer-checkout-button-text-color) !important;
      border-radius: 8px !important;
    }
    
    /* Additional checkout button text color overrides */
    .cart-drawer .cart__checkout-button,
    .cart-drawer .cart__checkout-button *,
    .cart-drawer .cart__checkout-button:hover,
    .cart-drawer .cart__checkout-button:focus,
    .cart-drawer .cart__checkout-button:active,
    .cart-drawer .cart__checkout-button:visited,
    .cart-drawer button[name="add"],
    .cart-drawer input[type="submit"][name="add"] {
      color: var(--cart-drawer-checkout-button-text-color) !important;
    }
    
    /* Ensure checkout button text elements don't inherit other colors */
    .cart-drawer .cart__checkout-button span,
    .cart-drawer .cart__checkout-button .loading__spinner,
    .cart-drawer .cart__checkout-button .icon {
      color: var(--cart-drawer-checkout-button-text-color) !important;
    }
    
    .cart-drawer .cart-item__price-wrapper,
    .cart-drawer .totals__subtotal-value,
    .cart-drawer .price--end {
      color: var(--cart-drawer-secondary-text);
    }
    
    /* Apply accent color to final price */
    .cart-drawer .cart-item__final-price.product-option,
    .cart-drawer strong.cart-item__final-price {
      color: var(--cart-drawer-accent-color) !important;
    }
    
    /* Apply accent color to toggle switch */
    .cart-drawer .gb-shipping-protection-button input:checked + .slider {
      background-color: var(--cart-drawer-accent-color) !important;
    }
    
    /* Apply accent color to toggle switch on focus */
    .cart-drawer .gb-shipping-protection-button input:focus + .slider {
      box-shadow: 0 0 1px var(--cart-drawer-accent-color) !important;
    }
    
    .cart-drawer .free-product-progress-bar {
      border-color: var(--cart-drawer-divider-color);
    }
    
    .cart-drawer .free-product-progress-bar progress::-webkit-progress-value {
      background-color: var(--cart-drawer-progress-active-color);
    }
    
    .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 {
      color: var(--cart-drawer-progress-active-color);
      background-color: var(--cart-drawer-progress-inactive-color);
    }
    
    .cart-drawer .gb-shipping-protection {
      background-color: var(--cart-drawer-shipping-protection-background);
      border-color: var(--cart-drawer-shipping-protection-border-color);
    }
    
    .cart-drawer .gb-shipping-protection-icontext h2,
    .cart-drawer .gb-shipping-protection-icontext p {
      color: var(--cart-drawer-shipping-protection-text-color) !important;
    }
    
    /* Removed frequently bought background color per user request */
    /*
    .cart-drawer product-info.gb-main-freq-bg-color {
      background-color: var(--cart-drawer-freq-bought-background);
    }
    */
    
    /* Cart item image border radius customization */
    .cart-drawer .cart-item__image,
    .cart-drawer .cart-item__image-container {
      border-radius: 8px !important;
    }
    
    
    
    
    .cart-drawer .cart-item__discounted-prices s,
    .cart-drawer s.cart-item__old-price {
      color: var(--cart-drawer-secondary-text);
    }
    
    .cart-drawer h2.gb-30day-back {
      color: #202329;
    }

    /* Cart Drawer Payment Icons */
    .cart-drawer-payment-icons {
      margin-top: 4px;
      padding: 12px 0;
      border-top: 1px solid rgba(var(--color-foreground), 0.1);
    }
    
    /* Override desktop flex layout for cart drawer to stack payment icons below button */
    .cart-drawer .cart__ctas {
      display: flex !important;
      flex-direction: column !important;
      gap: 0 !important;
    }
    
    .cart-drawer-payment-icons .payment-icons {
      margin: 0;
    }
    
    .cart-drawer-payment-icons .payment-icons__wrapper {
      gap: 8px;
      justify-content: center;
    }
    
    .cart-drawer-payment-icons .payment-icon svg {
      height: 20px;
      width: auto;
      border-radius: 4px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }
    
    @media screen and (max-width: 749px) {
      .cart-drawer-payment-icons {
        margin-top: 4px;
        padding: 10px 0;
      }
      
      .cart-drawer-payment-icons .payment-icons__wrapper {
        gap: 6px;
      }
      
      .cart-drawer-payment-icons .payment-icon svg {
        height: 18px;
      }
    }
    
    /* Fix quantity popover to use cart drawer colors instead of global theme colors */
    .cart-drawer quantity-popover .quantity {
      background: var(--cart-drawer-product-bg) !important;
      color: var(--cart-drawer-primary-text-color) !important;
    }
    
    /* Ensure quantity popover text elements inherit the cart drawer text color */
    .cart-drawer quantity-popover .quantity__button,
    .cart-drawer quantity-popover .quantity__input,
    .cart-drawer quantity-popover .quantity__rules {
      color: var(--cart-drawer-primary-text-color);
    }
    
    /* Override quantity popover button backgrounds to match cart drawer styling */
    .cart-drawer quantity-popover .quantity__button {
      background-color: transparent;
      border-color: var(--cart-drawer-divider-color);
    }
    
    .cart-drawer quantity-popover .quantity__button:hover,
    .cart-drawer quantity-popover .quantity__button:focus {
      background-color: var(--cart-drawer-divider-color);
    }
    
    /* Ensure all text elements in cart drawer use cart drawer text color */
    .cart-drawer,
    .cart-drawer *:not(.gb-price-drawer-saving):not(.cart-item__final-price):not(strong.cart-item__final-price):not(span.gb-cart-total-item):not(.cart__checkout-button):not(.cart__checkout-button *):not(.gb-shipping-protection):not(.gb-shipping-protection *):not(.free-shipping-main):not(.free-shipping-main *):not(.free-gift-main):not(.free-gift-main *):not(.social-proof-bar):not(.social-proof-bar *):not(.discount-banner):not(.discount-banner *) {
      color: var(--cart-drawer-primary-text-color);
    }
    
    /* Specific overrides for common text elements */
    .cart-drawer .cart-item__name,
    .cart-drawer .cart-item__details,
    .cart-drawer .cart-item__totals,
    .cart-drawer .cart-item .product-option,
    .cart-drawer .drawer__heading,
    .cart-drawer .totals,
    .cart-drawer .tax-note,
    .cart-drawer p,
    .cart-drawer span,
    .cart-drawer div {
      color: var(--cart-drawer-primary-text-color);
    }
    
    /* Additional specific override for drawer heading */
    .cart-drawer .drawer__heading {
      color: var(--cart-drawer-primary-text-color) !important;
    }
    
    /* Make sure links respect cart drawer text color */
    .cart-drawer a:not(.cart__checkout-button) {
      color: var(--cart-drawer-primary-text-color);
    }
    
    /* Specific override for cart item name link */
    .cart-drawer .gb-cart-drawer-lb td.cart-item__details a.cart-item__name,
    .cart-drawer .cart-item__details a.cart-item__name,
    .cart-drawer a.cart-item__name {
      color: var(--cart-drawer-primary-text-color) !important;
    }
    
    /* Secondary text elements */
    .cart-drawer .cart-item__price-wrapper *,
    .cart-drawer .totals__subtotal-value *,
    .cart-drawer .price--end * {
      color: var(--cart-drawer-secondary-text);
    }
    
    /* Cart total item badge - inverted colors for contrast */
    .cart-drawer span.gb-cart-total-item {
      background-color: var(--cart-drawer-primary-text-color) !important;
      color: var(--cart-drawer-primary-background-color) !important;
    }
    
    /* Checkout button text color override */
    .cart-drawer .cart__checkout-button,
    .cart-drawer .cart__checkout-button * {
      color: var(--cart-drawer-checkout-button-text-color) !important;
    }
    
    /* Shipping protection text color override */
    .cart-drawer .gb-shipping-protection,
    .cart-drawer .gb-shipping-protection * {
      color: var(--cart-drawer-shipping-protection-text-color) !important;
    }
    
    /* Free shipping icon color overrides - Default state */
    .cart-drawer .free-shipping-main svg,
    .cart-drawer .free-shipping-main svg path,
    .cart-drawer .free-shipping-main svg circle,
    .cart-drawer .free-shipping-main svg rect,
    .cart-drawer .free-shipping-main svg polygon,
    .cart-drawer .free-shipping-main svg g,
    .cart-drawer .free-shipping-main i {
      fill: var(--cart-drawer-fs-icon-default-color) !important;
      color: var(--cart-drawer-fs-icon-default-color) !important;
    }
    
    /* Free shipping icon color overrides - Active state */
    .cart-drawer .free-shipping-main.free-shipping-main-color svg,
    .cart-drawer .free-shipping-main.free-shipping-main-color svg path,
    .cart-drawer .free-shipping-main.free-shipping-main-color svg circle,
    .cart-drawer .free-shipping-main.free-shipping-main-color svg rect,
    .cart-drawer .free-shipping-main.free-shipping-main-color svg polygon,
    .cart-drawer .free-shipping-main.free-shipping-main-color svg g,
    .cart-drawer .free-shipping-main.free-shipping-main-color i {
      fill: var(--cart-drawer-fs-icon-active-color) !important;
      color: var(--cart-drawer-fs-icon-active-color) !important;
    }
    
    /* Free gift icon color override - Default state */
    .cart-drawer .free-gift-main svg,
    .cart-drawer .free-gift-main svg path,
    .cart-drawer .free-gift-main svg circle,
    .cart-drawer .free-gift-main svg rect,
    .cart-drawer .free-gift-main svg polygon,
    .cart-drawer .free-gift-main svg g,
    .cart-drawer .free-gift-main i {
      fill: var(--cart-drawer-fs-icon-default-color) !important;
      color: var(--cart-drawer-fs-icon-default-color) !important;
    }
    
    /* Free gift icon color override - Active state */
    .cart-drawer .free-gift-main.free-gift-main-color svg,
    .cart-drawer .free-gift-main.free-gift-main-color svg path,
    .cart-drawer .free-gift-main.free-gift-main-color svg circle,
    .cart-drawer .free-gift-main.free-gift-main-color svg rect,
    .cart-drawer .free-gift-main.free-gift-main-color svg polygon,
    .cart-drawer .free-gift-main.free-gift-main-color svg g,
    .cart-drawer .free-gift-main.free-gift-main-color i {
      fill: var(--cart-drawer-fs-icon-active-color) !important;
      color: var(--cart-drawer-fs-icon-active-color) !important;
    }
    
    /* Social proof bar color overrides */
    .cart-drawer .social-proof-bar {
      
        background-color: #121212 !important;
      
    }
    
    .cart-drawer .social-proof-bar__icon {
      
        color: #F6F3EF !important;
      
    }
    
    .cart-drawer .social-proof-bar__icon svg,
    .cart-drawer .social-proof-bar__icon svg path,
    .cart-drawer .social-proof-bar__icon svg circle,
    .cart-drawer .social-proof-bar__icon svg rect,
    .cart-drawer .social-proof-bar__icon svg polygon,
    .cart-drawer .social-proof-bar__icon i {
      
        fill: #F6F3EF !important;
        color: #F6F3EF !important;
      
    }
    
    .cart-drawer .social-proof-bar__text {
      
        color: #F6F3EF !important;
      
    }

    /* Discount banner color overrides */
    .cart-drawer .discount-banner {
      
        background-color: #3692d5 !important;
        color: #202329 !important;
      
    }
    
    .cart-drawer .discount-banner .discount-banner-text,
    .cart-drawer .discount-banner .discount-banner-bold,
    .cart-drawer .discount-banner .celebration-icon {
      
        color: #202329 !important;
      
    }

    /* Item saving badge colors - customizable when theme colors are off */
    .gb-price-drawer-saving {
      
        background: #FFD2D2 !important;
        color: #FF1717 !important;
      
    }

    /* NOTE: .gb-price-drawer-saving colors are now handled conditionally near the end of the style block */
    
    /* Apply custom cart drawer colors to specific elements */

  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }

  .spin-animation {
    display: none;
    position: absolute;
    height: 15px;
    width: 15px;
    border: solid;
    border-radius: calc(infinity * 1px);
    border-width: 2px;
    border-color: rgba(0, 0, 0, 0.3);
    border-top-color: #fff;
    animation: var(--animate-spin);
  }

  .gb-shipping-protection-button .spin-animation {
    top: 6px;
    left: 5px;
    height: 15px;
    width: 15px;
  }

  .cart-drawer .gb-shipping-protection .complete-check {
    display: none;
    color: white !important;
    position: absolute;
    top: 4px;
    left: 5px;
    height: 15px;
    width: 15px;
  }

  button.quantity__button, button.cart-remove-button, .gb-shipping-protection-button {
    position: relative;
  }

  button.cart-remove-button {
    width: 60px;
  }

  .quantity__button .spin-animation {
    top: 7px;
    left: 4px;
  }

  .cart-item__quantity .spin-animation {
    display: none;
  }