/** Shopify CDN: Minification failed

Line 71:2 Unexpected "{"
Line 71:3 Expected identifier but found "%"
Line 72:14 Unexpected "("
Line 72:98 Unterminated string token
Line 76:3 Expected identifier but found "%"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:cart-drawer (INDEX:5) */
#cart-drawer .payment-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    margin-bottom: 0;
  }

  #cart-drawer .payment-icons figure {
    display: inline-flex;
    margin-left: 5px;
  }

  #cart-drawer .payment-icons figure:first-child {
    margin-left: 0;
  }

  /* Match complementary / cross-sell card image to the cart line-item image size */
  #cart-drawer .complementary-products .horizontal-product-card__figure {
    width: 4.375rem;
  }

  @media screen and (min-width: 700px) {
    #cart-drawer .complementary-products .horizontal-product-card__figure {
      width: 7.5rem;
    }
  }

  /* Carousel mode: keep current product at 85% so the next one peeks in */
  #cart-drawer .complementary-products__product-list--carousel {
    grid: auto / auto-flow 85%;
  }

  /* Cart discount field loader (ported from Prestige 11.1.0) */
  .cart-discount-field__loader {
    display: none;
    position: absolute;
    inset-block-start: calc(50% - 0.375rem);
    inset-inline-end: 1rem;
  }

  .cart-discount-field[aria-busy="true"] .cart-discount-field__loader {
    display: block;
    animation: 1s linear infinite spin;
  }

  @keyframes spin {
    from {
      transform: rotate(0);
    }

    to {
      transform: rotate(360deg);
    }
  }

  {%- comment -%}
    Line item (cart drawer only): top-align the product image with the text instead of the theme's
    default vertical centering. The image is natural aspect (no crop or fill), so with long titles
    a centered square drifted away from the title and read as oversized. Aligning to the top keeps
    the image beside the title. Scoped to the drawer, the cart and order pages are untouched.
  {%- endcomment -%}
  #cart-drawer .line-item {
    align-items: flex-start;
  }

  /* Line item (cart drawer only): move the line price into its own right-hand column */
  #cart-drawer .line-item-info-with-line-price {
    flex-grow: 1;
    display: flex;
    align-items: start;
    justify-content: space-between;
    column-gap: 1rem;
  }

  /* Variant name keeps its size (smallcaps) but normal casing, not uppercase */
  #cart-drawer .line-item__variant {
    text-transform: none;
  }

  /* Total row above the checkout button */
  #cart-drawer .cart-drawer__total-label {
    text-transform: uppercase;
    letter-spacing: var(--heading-letter-spacing);
  }

  /* Mobile: smaller delivery status + prices (cart line and complementary) in the cart drawer */
  @media screen and (max-width: 699px) {
    #cart-drawer .signature-delivery-cart,
    #cart-drawer .line-item__line-price .price-list,
    #cart-drawer .horizontal-product-card .price-list {
      font-size: 12px;
    }
  }

  /* Mobile: cart drawer goes full screen */
  @media screen and (max-width: 699px) {
    #cart-drawer {
      --drawer-max-width: 100vw;
    }
  }

  /* Desktop: widen the cart drawer so the delivery status fits on one line */
  @media screen and (min-width: 700px) {
    #cart-drawer {
      --drawer-max-width: min(92vw, 35rem);
    }
  }

  /* Free shipping bar: highlight only the remaining amount in the accent color.
     The color variables are set in the inline style at the top of this section, because Liquid
     is not evaluated inside this block. */
  .free-shipping-bar__amount {
    color: rgb(var(--free-shipping-bar-accent, var(--error-text)));
  }

  /* Free shipping bar: drop the divider below it (the header divider above stays) */
  /* and add equal breathing room above the bar and below it (to the features) */
  #cart-drawer .free-shipping-bar {
    display: block;
    border-block-end-width: 0;
    margin-block-start: 1rem;
  }

  /* Progress bar shown under the message */
  #cart-drawer .free-shipping-bar__track {
    width: 100%;
    height: 0.25rem;
    margin-block-start: 0.625rem;
    border-radius: 999px;
    overflow: hidden;
    background-color: rgb(var(--free-shipping-bar-accent, var(--error-text)) / 0.2);
  }

  #cart-drawer .free-shipping-bar__progress {
    width: var(--free-shipping-bar-progress, 0%);
    height: 100%;
    border-radius: inherit;
    background-color: rgb(var(--free-shipping-bar-accent, var(--error-text)));
    transition: width 0.3s ease;
  }

  /* Threshold reached: the bar switches to the theme's default text color */
  #cart-drawer .free-shipping-bar[data-reached] .free-shipping-bar__progress {
    width: 100%;
    background-color: rgb(var(--free-shipping-bar-reached, var(--text-color)));
  }

  /* Mobile: smaller quantity selector in the cart drawer */
  @media screen and (max-width: 699px) {
    #cart-drawer .quantity-selector--sm {
      --quantity-selector-height: 1.5rem;
      --quantity-selector-input-width: 1.5rem;
    }
  }

  /* Complementary products: space below the title matches the space above it */
  #cart-drawer .complementary-products__header {
    padding-block-end: var(--drawer-body-padding-block);
  }

  /* Complementary "Add to cart": accent color on the compact (mobile) link */
  #cart-drawer .\@narrow\:horizontal-product-card__button {
    color: rgb(var(--button-background));
  }

  /* Complementary cards: stack the add-to-cart below the product info (title + price) */
  #cart-drawer .horizontal-product-card__info {
    grid-auto-flow: row;
    align-items: start;
  }

  /* Desktop add-to-cart: outline in the default body text color, and a bit smaller */
  #cart-drawer .\@large\:horizontal-product-card__button {
    --button-background: var(--text-color);
    font-size: var(--text-xs);
    padding: 0.5rem 0.75rem;
  }

  /* Feature-with-icon boxes (below the free shipping bar) — reuse native .feature-badge styling */
  #cart-drawer .cart-features {
    margin-block-start: 1rem;
  }

  /* Always fill the full width: 1 box = 100%, 2 boxes = 50/50 (capped at 2) */
  #cart-drawer .cart-feature {
    flex: 1 1 0;
    justify-content: center;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
  }

  /* Icon position per breakpoint (mobile vs desktop) */
  @media screen and (max-width: 699px) {
    #cart-drawer .cart-features--m-above .feature-badge {
      flex-direction: column;
      text-align: center;
    }

    #cart-drawer .cart-features--m-inline .feature-badge {
      flex-direction: row;
    }
  }

  @media screen and (min-width: 700px) {
    #cart-drawer .cart-features--d-above .feature-badge {
      flex-direction: column;
      text-align: center;
    }

    #cart-drawer .cart-features--d-inline .feature-badge {
      flex-direction: row;
      justify-content: flex-start;
      text-align: start;
    }
  }

  /* Uniform icon sizing: set height, let width scale automatically */
  #cart-drawer .cart-feature__icon {
    height: var(--cart-feature-icon-height, 24px);
    width: auto;
  }

  /* Tighter line height for feature box text */
  #cart-drawer .cart-feature__text {
    line-height: 1.2;
  }
/* END_SECTION:cart-drawer */