/** Shopify CDN: Minification failed

Line 71:10 Unexpected "{"
Line 71:19 Expected ":"

**/
/* ================================================================
   EXPERT CANVAS — Cart Page Redesign
   Navy #1B2D4F · Gold #C9A96E · Cream #F5F1EC
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

/* ── Base ── */
body.template-cart {
  background: #F5F1EC !important;
}

.template-cart .shopify-section,
cart-items,
#main-cart-footer,
.cart__footer-wrapper {
  background: transparent !important;
}

.template-cart .page-width {
  max-width: 1200px !important;
  padding: 0 24px !important;
}

/* ── Page title ── */
.title-wrapper-with-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 32px 0 20px !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
}

.title-wrapper-with-link .title--primary {
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
  color: #1B2D4F !important;
  letter-spacing: -0.03em !important;
  margin: 0 !important;
}

.title-wrapper-with-link .underlined-link {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #6B6560 !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  transition: color 0.2s !important;
}
.title-wrapper-with-link .underlined-link:hover { color: #1B2D4F !important; }

/* ================================================================
   TWO-COLUMN DESKTOP LAYOUT
   items (left) · summary (right)
   ================================================================ */

/* Cart items section fills full width — footer sits beside it via flex */
cart-items.gradient { padding: 0 !important; }

.section-{{ section.id }}-padding {
  padding: 0 !important;
}

/* Make the page-width inside cart-items full-width row */
cart-items .page-width {
  display: block !important;
}

/* Footer positioned beside items on desktop */
@media screen and (min-width: 990px) {
  .cart__footer-wrapper {
    padding: 0 !important;
  }

  /* Float the whole page into a two-col grid via the outer wrappers */
  .cart-items-section-wrapper,
  .cart-footer-section-wrapper {
    display: contents !important;
  }

  /* Target the real rendered structure */
  #main-cart-footer .page-width {
    display: flex !important;
    justify-content: flex-end !important;
  }
}

/* ================================================================
   OVERRIDE base spacing from component-cart-items.css
   ================================================================ */

@media screen and (min-width: 750px) {
  .cart-items td { padding-top: 0 !important; }
  .cart-item > td + td { padding-left: 0 !important; }
  .cart-items th + th { padding-left: 0 !important; }
  .cart-item__details { width: auto !important; }
  .cart-item__media { width: 90px !important; }
}

@media screen and (min-width: 990px) {
  .cart-item .cart-item__quantity,
  .cart-items .cart-items__heading--wide { padding-left: 0 !important; }
  .cart-item__details { width: auto !important; }
}

@media screen and (min-width: 750px) {
  .cart-items .cart-items__heading--quantity,
  .cart-item .cart-item__quantity { padding-left: 0 !important; }
}

.cart-item__details, .product-option { font-size: unset !important; }
cart-remove-button .button { min-width: unset !important; min-height: unset !important; }

/* ================================================================
   CART ITEMS TABLE
   ================================================================ */

.cart__items {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-bottom: 0 !important;
}

.cart-items {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* thead */
.cart-items thead tr {
  background: transparent !important;
  border-bottom: none !important;
}

.cart-items thead th {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: #9A8F84 !important;
  padding: 0 16px 12px !important;
}

/* ── Each row is a card ── */
.cart-item {
  background: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 8px rgba(27,45,79,0.06) !important;
  border: 1px solid #EAE2D9 !important;
  margin-bottom: 12px !important;
}

/* Spacer row between cards */
.cart-item + .cart-item {
  border-top: none !important;
}

/* First and last cell round corners */
.cart-item td:first-child {
  border-radius: 16px 0 0 16px !important;
}
.cart-item td:last-child {
  border-radius: 0 16px 16px 0 !important;
}

/* Image cell */
.cart-item__media {
  padding: 16px 12px 16px 16px !important;
  width: 90px !important;
  vertical-align: middle !important;
}

.cart-item__image-container {
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #F5F1EC !important;
  border: 1px solid #E2D9CC !important;
  width: 74px !important;
  height: 74px !important;
  display: block !important;
}

.cart-item__image {
  width: 74px !important;
  height: 74px !important;
  object-fit: cover !important;
  display: block !important;
}

/* Details cell */
.cart-item__details {
  padding: 16px 12px !important;
  vertical-align: middle !important;
}

.cart-item__name, a.cart-item__name {
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #1B2D4F !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
  display: block !important;
  margin-bottom: 5px !important;
}
.cart-item__name:hover { color: #C9A96E !important; }

.cart-item__details .product-option {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 0.72rem !important;
  color: #9A8F84 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

.cart-item__details .product-option dt,
.cart-item__details .product-option dd {
  font-size: 0.72rem !important;
  color: #9A8F84 !important;
  margin: 0 !important;
}

.cart-item__details dl { margin: 2px 0 0 !important; }

/* Quantity cell */
.cart-item__quantity {
  padding: 16px 12px !important;
  vertical-align: middle !important;
}

.cart-item__quantity-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Quantity stepper */
.cart-item__quantity .quantity,
quantity-input.quantity.cart-quantity,
.quantity.cart-quantity {
  display: flex !important;
  align-items: center !important;
  border: 1.5px solid #D8D0C4 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fff !important;
  height: 36px !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 !important;
}

.cart-item__quantity .quantity__button,
.quantity.cart-quantity .quantity__button {
  width: 30px !important;
  height: 36px !important;
  min-height: unset !important;
  min-width: unset !important;
  color: #1B2D4F !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.15s, color 0.15s !important;
  flex-shrink: 0 !important;
  font-size: unset !important;
}

.cart-item__quantity .quantity__button:hover,
.quantity.cart-quantity .quantity__button:hover {
  background: #F5F1EC !important;
  color: #C9A96E !important;
}

.cart-item__quantity .quantity__button .svg-wrapper,
.quantity.cart-quantity .quantity__button .svg-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
}

.cart-item__quantity .quantity__button svg,
.quantity.cart-quantity .quantity__button svg {
  width: 11px !important;
  height: 11px !important;
}

.cart-item__quantity .quantity__input,
.quantity.cart-quantity .quantity__input {
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  color: #1B2D4F !important;
  width: 32px !important;
  height: 36px !important;
  text-align: center !important;
  border: none !important;
  border-left: 1px solid #E2D9CC !important;
  border-right: 1px solid #E2D9CC !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  flex-grow: 0 !important;
  -moz-appearance: textfield !important;
}

.cart-item__quantity .quantity__input::-webkit-outer-spin-button,
.cart-item__quantity .quantity__input::-webkit-inner-spin-button,
.quantity.cart-quantity .quantity__input::-webkit-outer-spin-button,
.quantity.cart-quantity .quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Remove button */
cart-remove-button a.button--tertiary,
cart-remove-button .button--tertiary {
  color: #C8BDB2 !important;
  background: transparent !important;
  border: none !important;
  padding: 5px !important;
  border-radius: 6px !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: color 0.2s, background 0.2s !important;
  cursor: pointer !important;
}

cart-remove-button a.button--tertiary:hover,
cart-remove-button .button--tertiary:hover {
  color: #ef4444 !important;
  background: rgba(239,68,68,0.08) !important;
}

cart-remove-button svg { width: 14px !important; height: 14px !important; }

/* Price cell */
.cart-item__totals {
  padding: 16px 18px 16px 12px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.cart-item__price-wrapper .price,
.cart-item__price-wrapper .price--end {
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-weight: 700 !important;
  color: #1B2D4F !important;
  font-size: 1rem !important;
  letter-spacing: -0.01em !important;
}

.cart-item__old-price {
  font-size: 0.75rem !important;
  color: #9A8F84 !important;
  font-weight: 400 !important;
}

.discounts__discount {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 0.68rem !important;
  color: #1B2D4F !important;
  font-weight: 600 !important;
}

/* ================================================================
   ORDER SUMMARY CARD  (right column)
   ================================================================ */

.cart__footer-wrapper {
  background: transparent !important;
  padding-top: 0 !important;
}

.cart__footer { background: transparent !important; }

#main-cart-footer .page-width {
  display: flex !important;
  justify-content: flex-end !important;
  padding-top: 0 !important;
}

.cart__blocks {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 4px 24px rgba(27,45,79,0.10) !important;
  border: 1px solid #EAE2D9 !important;
  width: 100% !important;
}

/* Navy header band */
.cart__blocks-header {
  background: #1B2D4F !important;
  padding: 22px 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 2px solid #C9A96E !important;
}

.cart__blocks-title {
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.cart__blocks-badge {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  color: #C9A96E !important;
  background: rgba(201,169,110,0.15) !important;
  border: 1px solid rgba(201,169,110,0.35) !important;
  border-radius: 20px !important;
  padding: 3px 10px !important;
}

/* Content inside summary card */
.cart__blocks .js-contents,
.cart__blocks .cart__ctas {
  padding: 24px 28px !important;
}

/* Total row */
.totals {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 0 0 20px !important;
  border-bottom: 1px solid #F0EAE2 !important;
  margin-bottom: 20px !important;
}

.totals > * { font-size: unset !important; margin: 0 !important; line-height: 1.2 !important; }

.totals__total {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.16em !important;
  color: #9A8F84 !important;
  margin: 0 0 6px !important;
}

.totals__total-value {
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-size: 2.4rem !important;
  font-weight: 800 !important;
  color: #1B2D4F !important;
  letter-spacing: -0.04em !important;
  line-height: 1 !important;
  margin: 0 !important;
}

/* Tax note */
.tax-note, .tax-note.caption-large {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 0.72rem !important;
  color: #9A8F84 !important;
  display: block !important;
  text-align: center !important;
  margin: 0 0 20px !important;
  line-height: 1.6 !important;
}

/* Checkout button */
.cart__checkout-button.button {
  background: #1B2D4F !important;
  border: none !important;
  color: #C9A96E !important;
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 14px !important;
  padding: 18px 32px !important;
  width: 100% !important;
  min-height: unset !important;
  height: auto !important;
  line-height: 1.2 !important;
  box-shadow: 0 6px 20px rgba(27,45,79,0.25) !important;
  transition: background 0.25s, transform 0.15s, box-shadow 0.25s !important;
  cursor: pointer !important;
  display: block !important;
}

.cart__checkout-button.button:hover:not([disabled]) {
  background: #C9A96E !important;
  color: #1B2D4F !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 32px rgba(201,169,110,0.4) !important;
}

.cart__checkout-button.button[disabled] {
  background: #9BA8BF !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  color: #fff !important;
}

.cart__dynamic-checkout-buttons { margin-top: 12px !important; }

/* ================================================================
   EMPTY CART
   ================================================================ */

.cart__warnings {
  text-align: center !important;
  padding: 80px 24px 60px !important;
  background: #ffffff !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 12px rgba(27,45,79,0.07) !important;
  border: 1px solid #EAE2D9 !important;
}

.cart__empty-text {
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: #1B2D4F !important;
  margin: 0 0 8px !important;
}

.cart__warnings .button {
  background: #1B2D4F !important;
  border-color: #1B2D4F !important;
  color: #C9A96E !important;
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-radius: 12px !important;
  padding: 15px 32px !important;
  min-height: unset !important;
  height: auto !important;
  box-shadow: 0 4px 18px rgba(27,45,79,0.2) !important;
  transition: background 0.2s, transform 0.15s !important;
  margin-top: 24px !important;
  display: inline-block !important;
}

.cart__warnings .button:hover {
  background: #C9A96E !important;
  color: #1B2D4F !important;
  transform: translateY(-1px) !important;
}

/* ================================================================
   HIDE SUMMARY WHEN EMPTY
   ================================================================ */
#main-cart-footer.is-empty .cart__blocks { display: none !important; }

/* ================================================================
   FOOTER INNER LAYOUT
   ================================================================ */

.cart-footer__inner {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 28px;
  padding-top: 24px;
  padding-bottom: 48px;
}

/* ================================================================
   DESKTOP — suggestions left, summary right
   ================================================================ */

@media screen and (min-width: 990px) {
  .cart__footer-wrapper { padding: 0 !important; }

  .cart__blocks {
    width: 440px !important;
    flex-shrink: 0 !important;
    max-width: 100% !important;
  }
}

/* ================================================================
   TABLET & MOBILE — stack vertically
   ================================================================ */

@media screen and (max-width: 989px) {
  .cart-footer__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }

  .cs-suggestions {
    width: 100% !important;
  }

  .cart__blocks {
    width: 100% !important;
  }
}

/* ================================================================
   MOBILE
   ================================================================ */

@media screen and (max-width: 749px) {
  .title-wrapper-with-link .title--primary { font-size: 1.5rem !important; }

  .cart__blocks-header { padding: 18px 20px !important; }
  .cart__blocks .js-contents,
  .cart__blocks .cart__ctas { padding: 20px !important; }

  .totals__total-value { font-size: 1.9rem !important; }

  .cart-item__media { padding: 12px 8px 12px 12px !important; width: 70px !important; }
  .cart-item__image-container { width: 58px !important; height: 58px !important; }
  .cart-item__image { width: 58px !important; height: 58px !important; }
  .cart-item__name, a.cart-item__name { font-size: 0.82rem !important; }
  .cart-item__details { padding: 12px 8px !important; }
  .cart-item__quantity { padding: 10px 8px !important; white-space: nowrap !important; }
  .cart-item__quantity-wrapper { gap: 6px !important; }
  .cart-item__totals { padding: 12px 12px 12px 4px !important; }
  .cart-item__price-wrapper .price, .cart-item__price-wrapper .price--end { font-size: 0.88rem !important; }
  .cart-items thead { display: none !important; }
  .cart-item__details .product-option,
  .cart-item__details .product-option dt,
  .cart-item__details .product-option dd { font-size: 0.68rem !important; }

  .cart-item { border-radius: 12px !important; }
  .cart-item td:first-child { border-radius: 12px 0 0 12px !important; }
  .cart-item td:last-child { border-radius: 0 12px 12px 0 !important; }
}

/* ================================================================
   ZKK CUSTOM PRINT
   ================================================================ */

.zkk-custom-thumb-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 74px;
  height: 74px;
  background: #F5F1EC;
  border-radius: 10px;
  font-size: 28px;
}

.zkk-custom-price {
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-weight: 700 !important;
  color: #1B2D4F !important;
}

/* Zakeke Edit button */
.zakeke-cart-edit a,
a[href*="/apps/zakeke"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-top: 6px !important;
  padding: 4px 10px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  color: #1B2D4F !important;
  background: transparent !important;
  border: 1.5px solid #C9A96E !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  letter-spacing: 0.04em !important;
  transition: background 0.2s, color 0.2s !important;
}

.zakeke-cart-edit a:hover,
a[href*="/apps/zakeke"]:hover {
  background: #C9A96E !important;
  color: #fff !important;
}

/* ================================================================
   CART SUGGESTIONS
   ================================================================ */

.cs-suggestions {
  flex: 1;
  min-width: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.cs-block__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #1B2D4F;
}

.cs-block__title {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #1B2D4F;
  margin: 0;
}

.cs-block__see-more {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: #C9A96E;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 0.2s;
}
.cs-block__see-more:hover { opacity: 0.7; }

.cs-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: auto;
  gap: 14px;
}

.cs-card {
  background: #fff;
  border-radius: 14px;
  border: 1.5px solid #EAE2D9;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s, transform 0.2s;
}
.cs-card:hover {
  box-shadow: 0 8px 28px rgba(27,45,79,0.11);
  transform: translateY(-2px);
}

.cs-card__img-wrap {
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #F5F1EC;
}

.cs-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}
.cs-card:hover .cs-card__img { transform: scale(1.04); }

.cs-card__body {
  padding: 10px 12px 4px;
  flex: 1;
}

.cs-card__name {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  color: #1B2D4F;
  margin: 0 0 4px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cs-card__price {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 0.88rem;
  font-weight: 700;
  color: #1B2D4F;
  margin: 0;
}

.cs-card__btn {
  display: block;
  margin: 8px 12px 12px;
  padding: 8px 0;
  background: #1B2D4F;
  color: #C9A96E;
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  text-align: center;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.2s;
}
.cs-card__btn:hover { background: #243d68; color: #C9A96E; }

@media screen and (max-width: 749px) {
  .cs-suggestions { margin-top: 0; }

  .cs-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px;
  }

  .cs-block__title { font-size: 1rem; }

  .cs-card__name { font-size: 0.72rem; }
  .cs-card__price { font-size: 0.8rem; }
  .cs-card__btn { font-size: 0.72rem; padding: 7px 0; margin: 6px 10px 10px; }
}