/*
 * Captain Greek premium cart drawer.
 *
 * Strategy:
 * - Keep the real Magento/Knockout minicart markup and functionality.
 * - Scope styling to .mfp-wrap.cart-modal / .cg-cart-pro only.
 * - Override broad .action.primary / theme minicart rules without touching account.
 */

@media (min-width: 768px) {
  html body.cg-cart-pro-open {
    overflow: hidden !important;
  }
}

/* Overlay */
html body.cg-cart-pro-open .mfp-bg {
  background:
    radial-gradient(44rem 26rem at 78% 8%, rgba(216, 189, 123, .12), transparent 64%),
    rgba(13, 22, 36, .58) !important;
  backdrop-filter: blur(8px) saturate(120%) !important;
  opacity: 1 !important;
  z-index: 7600 !important;
}

/* MFP shell */
html body .mfp-wrap.cart-modal,
html body .mfp-wrap.cart-modal.cg-cart-pro {
  z-index: 7700 !important;
  overflow: hidden !important;
}

html body .mfp-wrap.cart-modal .mfp-container,
html body .mfp-wrap.cart-modal.cg-cart-pro .mfp-container {
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  min-height: 100vh !important;
  padding: 0 !important;
}

html body .mfp-wrap.cart-modal .mfp-content,
html body .mfp-wrap.cart-modal.cg-cart-pro .mfp-content {
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;

  width: min(520px, calc(100vw - 18px)) !important;
  max-width: min(520px, calc(100vw - 18px)) !important;
  min-height: 100vh !important;

  margin: 0 0 0 auto !important;
  padding: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
}

/* Drawer */
html body .mfp-wrap.cart-modal .minicart-wrapper.minicart-slide,
html body .mfp-wrap.cart-modal.cg-cart-pro .minicart-wrapper.minicart-slide {
  position: relative !important;
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  min-height: 100vh !important;
  height: 100vh !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 28px 0 0 28px !important;
  overflow: hidden !important;

  background:
    radial-gradient(28rem 16rem at 12% -8%, rgba(216, 189, 123, .16), transparent 62%),
    linear-gradient(180deg, #ffffff 0%, #fffaf0 100%) !important;

  box-shadow:
    -30px 0 80px rgba(13, 22, 36, .30),
    inset 1px 0 0 rgba(255, 255, 255, .70) !important;
}

html body .mfp-wrap.cart-modal .block-minicart,
html body .mfp-wrap.cart-modal.cg-cart-pro .block-minicart {
  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;
  min-height: 100vh !important;
  height: 100vh !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
}

html body .mfp-wrap.cart-modal .block-minicart .block-content,
html body .mfp-wrap.cart-modal.cg-cart-pro .block-minicart .block-content {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
  height: 100vh !important;
}

/* Close button */
html body .mfp-wrap.cart-modal .mfp-close,
html body .mfp-wrap.cart-modal.cg-cart-pro .mfp-close {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;

  display: grid !important;
  place-items: center !important;

  width: 36px !important;
  height: 36px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, .26) !important;
  background: rgba(255, 255, 255, .12) !important;
  color: #fff !important;

  font-size: 0 !important;
  line-height: 1 !important;
  opacity: 1 !important;

  z-index: 20 !important;

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14) !important;
  transition: background .16s ease, transform .16s ease, border-color .16s ease !important;
}

html body .mfp-wrap.cart-modal .mfp-close::before,
html body .mfp-wrap.cart-modal .mfp-close::after,
html body .mfp-wrap.cart-modal.cg-cart-pro .mfp-close::before,
html body .mfp-wrap.cart-modal.cg-cart-pro .mfp-close::after {
  content: "" !important;
  position: absolute !important;
  width: 15px !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: currentColor !important;
}

html body .mfp-wrap.cart-modal .mfp-close::before,
html body .mfp-wrap.cart-modal.cg-cart-pro .mfp-close::before {
  transform: rotate(45deg) !important;
}

html body .mfp-wrap.cart-modal .mfp-close::after,
html body .mfp-wrap.cart-modal.cg-cart-pro .mfp-close::after {
  transform: rotate(-45deg) !important;
}

html body .mfp-wrap.cart-modal .mfp-close:hover,
html body .mfp-wrap.cart-modal .mfp-close:focus-visible,
html body .mfp-wrap.cart-modal.cg-cart-pro .mfp-close:hover,
html body .mfp-wrap.cart-modal.cg-cart-pro .mfp-close:focus-visible {
  background: #fffaf0 !important;
  color: #101828 !important;
  border-color: rgba(216, 189, 123, .42) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

/* Scrollable section */
html body .mfp-wrap.cart-modal .minicart-items-wrapper,
html body .mfp-wrap.cart-modal.cg-cart-pro .minicart-items-wrapper {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;

  margin: 0 !important;
  padding: 0 0 14px !important;

  background: transparent !important;
}

/* Drawer title */
html body .mfp-wrap.cart-modal .title-top,
html body .mfp-wrap.cart-modal.cg-cart-pro .title-top {
  position: sticky !important;
  top: 0 !important;
  z-index: 12 !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 5px 12px !important;
  align-items: center !important;

  min-height: 88px !important;
  margin: 0 !important;
  padding: 18px 64px 16px 22px !important;

  color: #f8f2e7 !important;
  background:
    radial-gradient(26rem 10rem at 18% -80%, rgba(216, 189, 123, .22), transparent 66%),
    linear-gradient(135deg, #0d1624 0%, #121c2f 62%, #1f2032 100%) !important;

  border-bottom: 1px solid rgba(216, 189, 123, .30) !important;
  box-shadow: 0 10px 28px rgba(13, 22, 36, .14) !important;
}

html body .mfp-wrap.cart-modal .title-top strong,
html body .mfp-wrap.cart-modal.cg-cart-pro .title-top strong {
  display: contents !important;
}

html body .mfp-wrap.cart-modal .title-top .text,
html body .mfp-wrap.cart-modal.cg-cart-pro .title-top .text {
  color: #f8f2e7 !important;
  font-family: var(--cg-font, "Inter", "Helvetica Neue", Arial, sans-serif) !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
  line-height: 1.15 !important;
}

html body .mfp-wrap.cart-modal .title-top .qty,
html body .mfp-wrap.cart-modal.cg-cart-pro .title-top .qty {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 32px !important;
  height: 32px !important;
  padding: 0 10px !important;

  border-radius: 999px !important;
  color: #101828 !important;
  background: linear-gradient(180deg, #fff6dc, #d8bd7b) !important;

  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 32px !important;

  border: 1px solid rgba(255, 255, 255, .34) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .52) !important;
}

html body .mfp-wrap.cart-modal .cg-cart-pro-note,
html body .mfp-wrap.cart-modal.cg-cart-pro .cg-cart-pro-note {
  grid-column: 1 / -1 !important;
  color: rgba(248, 242, 231, .72) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

/* Items list */
html body .mfp-wrap.cart-modal .minicart-items,
html body .mfp-wrap.cart-modal.cg-cart-pro .minicart-items {
  display: grid !important;
  gap: 12px !important;

  margin: 0 !important;
  padding: 16px 18px 6px !important;

  list-style: none !important;
}

html body .mfp-wrap.cart-modal .minicart-items .product-item,
html body .mfp-wrap.cart-modal.cg-cart-pro .minicart-items .product-item {
  display: block !important;

  margin: 0 !important;
  padding: 14px !important;

  border-radius: 22px !important;
  border: 1px solid rgba(13, 22, 36, .08) !important;

  background:
    radial-gradient(18rem 8rem at 8% -80%, rgba(216, 189, 123, .10), transparent 68%),
    rgba(255, 255, 255, .86) !important;

  box-shadow:
    0 8px 22px rgba(13, 22, 36, .06),
    inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

html body .mfp-wrap.cart-modal .minicart-items .product,
html body .mfp-wrap.cart-modal.cg-cart-pro .minicart-items .product {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Product image */
html body .mfp-wrap.cart-modal .product-item-photo,
html body .mfp-wrap.cart-modal.cg-cart-pro .product-item-photo {
  display: block !important;
  width: 96px !important;
  min-width: 96px !important;
  height: 96px !important;

  border-radius: 18px !important;
  overflow: hidden !important;

  background: #fffaf0 !important;
  border: 1px solid rgba(216, 189, 123, .24) !important;

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

html body .mfp-wrap.cart-modal .product-image-container,
html body .mfp-wrap.cart-modal.cg-cart-pro .product-image-container {
  width: 96px !important;
  max-width: 96px !important;
}

html body .mfp-wrap.cart-modal .product-image-wrapper,
html body .mfp-wrap.cart-modal.cg-cart-pro .product-image-wrapper {
  display: block !important;
  width: 96px !important;
  height: 96px !important;
  padding-bottom: 0 !important;
}

html body .mfp-wrap.cart-modal .product-image-photo,
html body .mfp-wrap.cart-modal.cg-cart-pro .product-image-photo {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Product details */
html body .mfp-wrap.cart-modal .product-item-details,
html body .mfp-wrap.cart-modal.cg-cart-pro .product-item-details {
  min-width: 0 !important;
  width: 100% !important;
}

html body .mfp-wrap.cart-modal .product-item-name,
html body .mfp-wrap.cart-modal.cg-cart-pro .product-item-name {
  display: block !important;
  margin: 0 0 8px !important;
  line-height: 1.28 !important;
}

html body .mfp-wrap.cart-modal .product-item-name a,
html body .mfp-wrap.cart-modal.cg-cart-pro .product-item-name a {
  color: #111827 !important;
  font-family: var(--cg-font, "Inter", "Helvetica Neue", Arial, sans-serif) !important;
  font-size: 14.5px !important;
  font-weight: 850 !important;
  line-height: 1.28 !important;
  text-decoration: none !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

html body .mfp-wrap.cart-modal .product-item-name a:hover,
html body .mfp-wrap.cart-modal.cg-cart-pro .product-item-name a:hover {
  color: #8f6f31 !important;
}

html body .mfp-wrap.cart-modal .product.options,
html body .mfp-wrap.cart-modal.cg-cart-pro .product.options {
  margin: 0 0 8px !important;
  color: #6b7280 !important;
  font-size: 12px !important;
}

html body .mfp-wrap.cart-modal .product.options ul,
html body .mfp-wrap.cart-modal.cg-cart-pro .product.options ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body .mfp-wrap.cart-modal .product.options li,
html body .mfp-wrap.cart-modal.cg-cart-pro .product.options li {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;

  padding: 4px 8px !important;
  border-radius: 999px !important;

  background: #fffaf0 !important;
  border: 1px solid rgba(216, 189, 123, .18) !important;
}

html body .mfp-wrap.cart-modal .product-item-pricing,
html body .mfp-wrap.cart-modal.cg-cart-pro .product-item-pricing {
  display: grid !important;
  gap: 10px !important;
  margin-top: 8px !important;
}

html body .mfp-wrap.cart-modal .price-container,
html body .mfp-wrap.cart-modal.cg-cart-pro .price-container {
  margin: 0 !important;
}

html body .mfp-wrap.cart-modal .price,
html body .mfp-wrap.cart-modal .minicart-price,
html body .mfp-wrap.cart-modal.cg-cart-pro .price,
html body .mfp-wrap.cart-modal.cg-cart-pro .minicart-price {
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* Qty controls */
html body .mfp-wrap.cart-modal .details-qty.qty,
html body .mfp-wrap.cart-modal.cg-cart-pro .details-qty.qty {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;

  margin: 0 !important;
}

html body .mfp-wrap.cart-modal .details-qty.qty .label,
html body .mfp-wrap.cart-modal.cg-cart-pro .details-qty.qty .label {
  margin: 0 !important;
  color: #6b7280 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .065em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html body .mfp-wrap.cart-modal .cart-input-update,
html body .mfp-wrap.cart-modal.cg-cart-pro .cart-input-update {
  display: inline-flex !important;
  align-items: center !important;

  height: 34px !important;
  overflow: hidden !important;

  border-radius: 999px !important;
  border: 1px solid rgba(13, 22, 36, .12) !important;

  background: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .70) !important;
}

html body .mfp-wrap.cart-modal .cart-btn-qty,
html body .mfp-wrap.cart-modal .item-qty,
html body .mfp-wrap.cart-modal.cg-cart-pro .cart-btn-qty,
html body .mfp-wrap.cart-modal.cg-cart-pro .item-qty {
  display: grid !important;
  place-items: center !important;

  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  color: #111827 !important;
  background: transparent !important;

  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 34px !important;
  text-align: center !important;

  box-shadow: none !important;
}

html body .mfp-wrap.cart-modal .cart-btn-qty:hover,
html body .mfp-wrap.cart-modal .cart-btn-qty:focus-visible,
html body .mfp-wrap.cart-modal.cg-cart-pro .cart-btn-qty:hover,
html body .mfp-wrap.cart-modal.cg-cart-pro .cart-btn-qty:focus-visible {
  color: #8f6f31 !important;
  background: #fffaf0 !important;
  outline: none !important;
}

html body .mfp-wrap.cart-modal .update-cart-item:not([style*="display: none"]),
html body .mfp-wrap.cart-modal.cg-cart-pro .update-cart-item:not([style*="display: none"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 30px !important;
  padding: 0 10px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(216, 189, 123, .32) !important;

  color: #101828 !important;
  background: #fffaf0 !important;

  font-size: 11px !important;
  font-weight: 850 !important;
}

/* Edit/remove */
html body .mfp-wrap.cart-modal .product.actions,
html body .mfp-wrap.cart-modal.cg-cart-pro .product.actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;

  margin: 11px 0 0 !important;
}

html body .mfp-wrap.cart-modal .product.actions .primary,
html body .mfp-wrap.cart-modal .product.actions .secondary,
html body .mfp-wrap.cart-modal.cg-cart-pro .product.actions .primary,
html body .mfp-wrap.cart-modal.cg-cart-pro .product.actions .secondary {
  margin: 0 !important;
  padding: 0 !important;
}

html body .mfp-wrap.cart-modal .product.actions a,
html body .mfp-wrap.cart-modal.cg-cart-pro .product.actions a {
  display: inline-flex !important;
  align-items: center !important;

  min-height: 28px !important;
  padding: 0 9px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(13, 22, 36, .08) !important;

  color: #6b7280 !important;
  background: rgba(255, 255, 255, .68) !important;
  text-decoration: none !important;

  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body .mfp-wrap.cart-modal .product.actions a:hover,
html body .mfp-wrap.cart-modal .product.actions a:focus-visible,
html body .mfp-wrap.cart-modal.cg-cart-pro .product.actions a:hover,
html body .mfp-wrap.cart-modal.cg-cart-pro .product.actions a:focus-visible {
  color: #101828 !important;
  background: #fffaf0 !important;
  border-color: rgba(216, 189, 123, .28) !important;
  outline: none !important;
}

html body .mfp-wrap.cart-modal .product.actions .action.delete,
html body .mfp-wrap.cart-modal.cg-cart-pro .product.actions .action.delete {
  color: #7f1d1d !important;
}

html body .mfp-wrap.cart-modal .product.actions .action.delete::before,
html body .mfp-wrap.cart-modal.cg-cart-pro .product.actions .action.delete::before {
  content: "Remove" !important;
}

/* Footer */
html body .mfp-wrap.cart-modal .cart-sum-wrap,
html body .mfp-wrap.cart-modal.cg-cart-pro .cart-sum-wrap {
  flex: 0 0 auto !important;

  margin: 0 !important;
  padding: 18px !important;

  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), #fffaf0) !important;

  border-top: 1px solid rgba(216, 189, 123, .26) !important;
  box-shadow: 0 -14px 34px rgba(13, 22, 36, .08) !important;
}

html body .mfp-wrap.cart-modal .subtotal,
html body .mfp-wrap.cart-modal.cg-cart-pro .subtotal {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;

  margin: 0 0 8px !important;
  padding: 0 !important;
}

html body .mfp-wrap.cart-modal .subtotal .label,
html body .mfp-wrap.cart-modal.cg-cart-pro .subtotal .label {
  color: #6b7280 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
}

html body .mfp-wrap.cart-modal .subtotal .price,
html body .mfp-wrap.cart-modal.cg-cart-pro .subtotal .price {
  color: #111827 !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  letter-spacing: -.015em !important;
}

html body .mfp-wrap.cart-modal .cg-cart-pro-footnote,
html body .mfp-wrap.cart-modal.cg-cart-pro .cg-cart-pro-footnote {
  margin: 0 0 14px !important;
  color: #6b7280 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

html body .mfp-wrap.cart-modal .cart-sum-wrap .actions,
html body .mfp-wrap.cart-modal.cg-cart-pro .cart-sum-wrap .actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;
}

html body .mfp-wrap.cart-modal .cart-sum-wrap .actions .primary,
html body .mfp-wrap.cart-modal.cg-cart-pro .cart-sum-wrap .actions .primary {
  order: 1 !important;
  width: 100% !important;
}

html body .mfp-wrap.cart-modal .cart-sum-wrap .actions .secondary,
html body .mfp-wrap.cart-modal.cg-cart-pro .cart-sum-wrap .actions .secondary {
  order: 2 !important;
  width: 100% !important;
}

html body .mfp-wrap.cart-modal #top-cart-btn-checkout,
html body .mfp-wrap.cart-modal .action.checkout,
html body .mfp-wrap.cart-modal.cg-cart-pro #top-cart-btn-checkout,
html body .mfp-wrap.cart-modal.cg-cart-pro .action.checkout {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 48px !important;
  padding: 0 18px !important;

  border-radius: 999px !important;
  border: 1px solid transparent !important;

  color: #fff !important;
  background:
    linear-gradient(135deg, #0d1624 0%, #121c2f 100%) !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
  text-decoration: none !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .10),
    0 10px 24px rgba(13, 22, 36, .20) !important;

  transition: transform .16s ease, box-shadow .16s ease, background .16s ease !important;
}

html body .mfp-wrap.cart-modal #top-cart-btn-checkout:hover,
html body .mfp-wrap.cart-modal #top-cart-btn-checkout:focus-visible,
html body .mfp-wrap.cart-modal .action.checkout:hover,
html body .mfp-wrap.cart-modal .action.checkout:focus-visible,
html body .mfp-wrap.cart-modal.cg-cart-pro #top-cart-btn-checkout:hover,
html body .mfp-wrap.cart-modal.cg-cart-pro #top-cart-btn-checkout:focus-visible,
html body .mfp-wrap.cart-modal.cg-cart-pro .action.checkout:hover,
html body .mfp-wrap.cart-modal.cg-cart-pro .action.checkout:focus-visible {
  background:
    linear-gradient(135deg, #121c2f 0%, #b89b65 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .14),
    0 14px 30px rgba(13, 22, 36, .24) !important;
  outline: none !important;
}

html body .mfp-wrap.cart-modal .action.viewcart,
html body .mfp-wrap.cart-modal.cg-cart-pro .action.viewcart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 44px !important;
  padding: 0 18px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(13, 22, 36, .12) !important;

  color: #111827 !important;
  background: #fff !important;

  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  line-height: 1 !important;
  text-decoration: none !important;

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

html body .mfp-wrap.cart-modal .action.viewcart:hover,
html body .mfp-wrap.cart-modal .action.viewcart:focus-visible,
html body .mfp-wrap.cart-modal.cg-cart-pro .action.viewcart:hover,
html body .mfp-wrap.cart-modal.cg-cart-pro .action.viewcart:focus-visible {
  color: #101828 !important;
  background: #fffaf0 !important;
  border-color: rgba(216, 189, 123, .34) !important;
  outline: none !important;
}

/* Empty cart */
html body .mfp-wrap.cart-modal .subtitle.empty,
html body .mfp-wrap.cart-modal.cg-cart-pro .subtitle.empty {
  margin: 26px 22px !important;
  padding: 28px 22px !important;

  border-radius: 22px !important;
  border: 1px solid rgba(216, 189, 123, .28) !important;

  color: #172033 !important;
  background: rgba(255, 255, 255, .84) !important;

  font-size: 16px !important;
  font-weight: 800 !important;
  text-align: center !important;

  box-shadow: 0 8px 22px rgba(13, 22, 36, .06) !important;
}

html body .mfp-wrap.cart-modal .minicart-widgets,
html body .mfp-wrap.cart-modal .minicart-extra-actions,
html body .mfp-wrap.cart-modal.cg-cart-pro .minicart-widgets,
html body .mfp-wrap.cart-modal.cg-cart-pro .minicart-extra-actions {
  margin: 0 !important;
  padding: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
  html body .mfp-wrap.cart-modal .mfp-content,
  html body .mfp-wrap.cart-modal.cg-cart-pro .mfp-content {
    width: 100vw !important;
    max-width: 100vw !important;
  }

  html body .mfp-wrap.cart-modal .minicart-wrapper.minicart-slide,
  html body .mfp-wrap.cart-modal.cg-cart-pro .minicart-wrapper.minicart-slide {
    border-radius: 0 !important;
  }

  html body .mfp-wrap.cart-modal .title-top,
  html body .mfp-wrap.cart-modal.cg-cart-pro .title-top {
    min-height: 82px !important;
    padding: 16px 58px 14px 18px !important;
  }

  html body .mfp-wrap.cart-modal .minicart-items,
  html body .mfp-wrap.cart-modal.cg-cart-pro .minicart-items {
    padding: 14px 12px 6px !important;
  }

  html body .mfp-wrap.cart-modal .minicart-items .product,
  html body .mfp-wrap.cart-modal.cg-cart-pro .minicart-items .product {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  html body .mfp-wrap.cart-modal .product-item-photo,
  html body .mfp-wrap.cart-modal .product-image-container,
  html body .mfp-wrap.cart-modal .product-image-wrapper,
  html body .mfp-wrap.cart-modal.cg-cart-pro .product-item-photo,
  html body .mfp-wrap.cart-modal.cg-cart-pro .product-image-container,
  html body .mfp-wrap.cart-modal.cg-cart-pro .product-image-wrapper {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    height: 82px !important;
  }

  html body .mfp-wrap.cart-modal .cart-sum-wrap,
  html body .mfp-wrap.cart-modal.cg-cart-pro .cart-sum-wrap {
    padding: 14px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .mfp-wrap.cart-modal *,
  html body .mfp-wrap.cart-modal *::before,
  html body .mfp-wrap.cart-modal *::after {
    transition: none !important;
    animation: none !important;
  }
}