:root{
	--bg-light-azure: #68c2f6;
	--bg-light-azure-rgb: 104,194,246;

	--bg-dusty-blue: #7b96a6;
	--bg-dusty-blue-rgb: 123,150,166;

	--font-primary: Georgia, serif;
}

.toastify.product-added-toast-container {
  position: fixed !important;
  display: inline-block !important;
  top: 15px;
  right: 24px;
  left: auto !important;
  z-index: 2147483647 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  cursor: default !important;
  width: min(340px, calc(100vw - 32px)) !important;
  max-width: min(340px, calc(100vw - 32px)) !important;
}

.toastify.product-added-toast-container.toastify-right {
  right: 24px !important;
  left: auto !important;
}

.toastify.product-added-toast-container.toastify-left {
  left: 24px !important;
  right: auto !important;
}

.toastify.product-added-toast-container.toastify-top {
  top: 15px !important;
  bottom: auto !important;
}

.toastify.product-added-toast-container.toastify-bottom {
  bottom: 15px !important;
  top: auto !important;
}

.product-added-toast {
  width: 100%;
  background: #ffffff;
  border: 1px solid rgba(var(--bg-dusty-blue-rgb), 0.42);
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(92, 67, 54, 0.14);
  padding: 14px 16px;
}

.toast-content {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.toast-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.toast-icon i {
  font-size: 16px;
}

.toast-message {
  flex: 1 1 auto;
  min-width: 0;
}

.toast-product-title {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: rgba(var(--bg-dusty-blue-rgb));
}

.toast-close {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  background: transparent;
  color: rgba(var(--bg-dusty-blue-rgb));
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s ease;
}

.toast-close i {
  font-size: 12px;
  line-height: 1;
}

.toast-close:hover {
  color: rgba(var(--bg-dusty-blue-rgb));
  transform: scale(1.05);
}

.success-icon i,
.success-toast .toast-product-title,
.success-toast .toast-close {
  color: rgba(var(--bg-dusty-blue-rgb));
}

.error-icon i,
.error-toast .toast-product-title,
.error-toast .toast-close {
  color: rgba(var(--bg-dusty-blue-rgb));
}

.warning-icon i,
.warning-toast .toast-product-title,
.warning-toast .toast-close {
  color: rgba(var(--bg-dusty-blue-rgb));
}

.info-icon i,
.info-toast .toast-product-title,
.info-toast .toast-close {
  color: rgba(var(--bg-dusty-blue-rgb));
}

@media (max-width: 480px) {
  .toastify.product-added-toast-container {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }

  .toastify.product-added-toast-container.toastify-right,
  .toastify.product-added-toast-container.toastify-left {
    left: 12px !important;
    right: 12px !important;
  }

  .product-added-toast {
    padding: 13px 14px;
  }
}