/** Shopify CDN: Minification failed

Line 304:13 Expected ":"

**/
/*
  MOTTUNE — Cart Drawer Redesign
  ==============================
  Styles the cart drawer to match the mobile menu drawer aesthetic:
  dark #0d0d0d background, white text, #e8dcc8 accent,
  divider borders, thin scrollbar.

  HOW TO INSTALL:
  1. Shopify Admin → Online Store → Themes → Edit code
  2. Assets → Add a new asset → upload this file as: mottune-cart-drawer.css
  3. Open snippets/header-actions.liquid
  4. Find the line:   src="{{ 'cart-drawer.js' | asset_url }}"
     Just below that block, add:
       {{ 'mottune-cart-drawer.css' | asset_url | stylesheet_tag }}
*/

/* ─── 1. DIALOG / PANEL SHELL ─────────────────────────────────── */

.cart-drawer__dialog {
  background-color: #0d0d0d !important;
  border-left: 1px solid rgba(255, 255, 255, 0.07) !important;
  box-shadow: -4px 0 32px rgba(0, 0, 0, 0.6) !important;
  color: #ffffff !important;
}



/* ─── 2. INNER WRAPPER ────────────────────────────────────────── */

.cart-drawer__inner {
  background-color: #0d0d0d !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* ─── 3. HEADER — title + close button ───────────────────────── */

.cart-drawer__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
  flex-shrink: 0 !important;
      background-color: #000 !important;
}

/* Cart heading — matches menu drawer nav item style */
.cart-drawer__heading {
  color: #fff !important;
  font-family: var(--font-heading--family, "Arial Narrow", sans-serif) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  line-height: 1 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.8rem !important;
  text-transform: uppercase !important;
}

/* Empty-state heading */
.cart-drawer__heading--empty {
  color: #ffffff !important;
  letter-spacing: 0.07em !important;
}

/* Cart item count bubble in heading */
.cart-drawer__heading .cart-bubble {
  background-color: rgba(232, 220, 200, 0.15) !important;
  color: #e8dcc8 !important;
}

.cart-drawer__heading .cart-bubble__text {
  color: #000 !important;
}

/* ─── 4. CLOSE BUTTON ────────────────────────────────────────── */

.cart-drawer__close-button {
  position: static !important;
  color: rgba(255, 255, 255, 0.55) !important;
  transition: color 0.18s ease !important;
  padding: 0.8rem !important;
}

.cart-drawer__close-button:hover {
  color: #fff !important;
}

.cart-drawer__close-button svg {
  width: 1.8rem !important;
  height: 1.8rem !important;
}

/* ─── 5. SCROLLABLE CONTENT AREA ─────────────────────────────── */

.cart-drawer__content {
  background-color: #0d0d0d !important;
  flex: 1 !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255, 255, 255, 0.12) transparent !important;
}

.cart-drawer__content::-webkit-scrollbar {
  width: 3px !important;
}

.cart-drawer__content::-webkit-scrollbar-track {
  background: transparent !important;
}

.cart-drawer__content::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12) !important;
  border-radius: 2px !important;
}

/* ─── 6. CART ITEMS LIST ─────────────────────────────────────── */

.cart-drawer__items {
  padding: 0 !important;
  background-color: #0d0d0d !important;
}

/* Each cart item row */
.cart-drawer .cart-items__table-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding-block: 1.6rem !important;
  padding-inline: 2rem !important;
  margin-bottom: 0 !important;
}

/* Product title */
.cart-drawer .cart-item__name,
.cart-drawer .cart-item__name a {
  color: #ffffff !important;
  font-family: var(--font-heading--family, "Arial Narrow", sans-serif) !important;
  font-size: 1.3rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

/* Variant / options text */
.cart-drawer .cart-item__options,
.cart-drawer .cart-item__discounted-prices,
.cart-drawer dt,
.cart-drawer .cart-items__table dd {
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.05em !important;
}

/* Price */
.cart-drawer .cart-item__price-wrapper,
.cart-drawer .cart-item__final-price,
.cart-drawer .price {
  color: #ffffff !important;
  font-size: 1.3rem !important;
}

/* Quantity selector */
.cart-drawer .quantity-selector {
  border-color: rgba(255, 255, 255, 0.15) !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
  color: #ffffff !important;
}

.cart-drawer .quantity-selector__button {
  color: rgba(255, 255, 255, 0.6) !important;
}

.cart-drawer .quantity-selector__button:hover {
  color: #fff !important;
}

/* Remove / delete link */
.cart-drawer .cart-item__remove {
  color: rgba(255, 255, 255, 0.35) !important;
  transition: color 0.15s ease !important;
}

.cart-drawer .cart-item__remove:hover {
  color: #ffffff !important;
}

/* Cart item image */
.cart-drawer .cart-item__media,
.cart-drawer .cart-item__image-container {
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background-color: rgba(255, 255, 255, 0.03) !important;
}

/* ─── 7. SUMMARY / TOTALS ────────────────────────────────────── */

.cart-drawer__summary {
  background-color: #000 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
  padding: 0.2rem 1rem 2.4rem !important;
  flex-shrink: 0 !important;
}

/* Subtotal and totals rows */
.cart-drawer__summary .cart-totals__item,
.cart-drawer__summary .cart-totals__total {
  color: #ffffff !important;
  font-size: 1.2rem !important;
}

.cart-drawer__summary .cart-totals__total {
  color: #ffffff !important;
  font-size: 1.4rem !important;
  font-weight: 600 !important;
}

.cart-drawer__summary .cart-totals__total-value {
  color: #ffbb0f !important;
    letter-spacing: -0.5px !important;
    font-size: 13px;
    font-weight: 600;
}

/* Discount labels */
.cart-drawer__summary .cart-discounts__label {
  color: #e8dcc8 !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.05em !important;
}

.cart-drawer__summary .cart-discounts__value {
  color: #e8dcc8 !important;
}

/* Border before totals block */
.cart-drawer__summary .cart-totals:not(:has(.cart-totals__original-container:empty)) {
  border-block-start: 1px solid rgba(255, 255, 255, 0.07) !important;
  padding-block-start: 1.4rem !important;
}

/* Cart note / discount accordion */
.cart-drawer__summary .cart-note__summary {
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

.cart-drawer__summary .cart-note__summary:hover {
  color: #ffffff !important;
}

.cart-drawer__summary .cart-note__instructions {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

/* ─── 8. CHECKOUT BUTTON ─────────────────────────────────────── */

.cart-drawer__summary .cart__checkout-button {
  background-color: #ffbb0f !important;
    color: #000 !important;
    border: none !important;
    transition: background-color .18s ease, color .18s ease !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -0.5px !important;
    text-transform: uppercase !important;
}

.cart-drawer__summary .cart__checkout-button:hover {
      opacity: 0.9 !important;
}

/* ─── 9. EMPTY STATE ─────────────────────────────────────────── */

.cart-drawer--empty .cart-drawer__content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 4rem 2rem !important;
}

/* Continue shopping / empty state actions */
.cart-drawer--empty .cart-items__wrapper .button,
.cart-drawer--empty .cart-items__wrapper a.button {
  background-color: #ffbb10 !important;
  border: 1px solid #ffbb10 !important;
  color: #000 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  transition: border-color 0.18s ease !important;
  font-weight 600 !important;
}

.cart-drawer--empty .cart-items__wrapper .button:hover,
.cart-drawer--empty .cart-items__wrapper a.button:hover {
  opacity: 0.9 !important;
}


/* ─── 10. ANIMATIONS ─────────────────────────────────────────── */

.cart-drawer__dialog {
  transition:
    transform 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.cart-items__details a {
    color: white;
}

.cart-bubble[data-maintain-ratio] .cart-bubble__background {
    border-radius: 5px !important;
}

.cart-items__table * {
    background: #000;
}

.cart-items__media-image {
    border-radius: 5px;
    border: 1px solid #ffbb0f;
}

.cart-drawer .cart-items__table-row {
        padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.cart-drawer *:focus-visible {
    outline: none !important;
}
.cart-drawer__heading .cart-bubble .cart-bubble__background {
    background: #fff;
}
.cart-items__details a {
    font-size: 12px;
    font-weight: 800;
        line-height: 1.3;
}

.cart-drawer scroll-hint {
  mask-image: none !important;
}

#cart-form .cart-items__variants-wrapper dl.cart-items__variants dd {
        color: #ffbb0f !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

.cart-items__details a:hover {
    color: white !important;
    opacity: 0.8 !important;
}

.cart-drawer .cart-item__options, .cart-drawer .cart-item__discounted-prices, .cart-drawer dt, .cart-drawer .cart-items__table dd {
    font-size: 10px !important;
}
.cart-items__property {
    display: flex !important;
    gap: 5px;
}

.cart-drawer .cart-item__options, .cart-drawer .cart-item__discounted-prices, .cart-drawer dt, .cart-drawer .cart-items__table dt {
    color: #fffffffc !important;
}

.cart-drawer .cart-items__table-row--full-width-variants .cart-items__price {
    color: #ffbb0f !important;
    letter-spacing: -0.5px !important;
    font-size: 13px;
}

.cart-drawer .cart-items__table-row--full-width-variants .cart-items__unit-price-wrapper {
    display: none;
}

.cart-drawer .quantity-selector input[type='number'] {
    color: white;
}
.cart-drawer .quantity-selector .quantity-minus {
color: white;
}
.cart-drawer .quantity-selector .quantity-plus {
color: white;
}
.cart-items__quantity-controls button svg {
color: #aaa;
}

.cart-items__bundle li {
color: #ffbb0f !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

.cart-actions {
    border-block: none !important;
}
.cart-totals__total-label {
    font-size: 13px !important;
        letter-spacing: 0px;
}

.cart-drawer__summary {
    mask-image: none !important;
}

.cart-discount__summary:hover {
    color: white !important;
    opacity: 0.8;
}

cart-discount-component .button {
background: #ffbb0f !important;
color: black !important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
}

.cart-totals__tax-note {
display: none;
}

.cart-totals {
    gap: 5px !important;
}

.cart-discount__label, .cart-discount__error-text {
    font-weight: 100 !important;
        letter-spacing: 0px;
    font-size: 11px;
}

.cart-drawer__summary .cart-totals__item {
    font-size: 13px !important;
    letter-spacing: -.5px;
}

.cart-drawer__summary .cart-discounts__label {
    font-size: 10px !important;
    color: #ffbb0f!important;
}

.cart-drawer__summary .cart-discounts__value {
    font-size: 10px !important;
    color: #ffbb0f !important;
}

.cart-discount__pill {
        font-size: 10px;
    padding: 5px 10px;
    margin-bottom: 10px;
    background: #2c2c2c;
    border: 1px solid white;
    color: white;
}

:is(.cart-discount__pill-remove,.cart-discount__pill-remove:hover) {
    color: white !important;
}

.cart-drawer__summary .cart-totals:not(:has(.cart-totals__original-container:empty)) {
    border-block-start: none !important;
}