.phorte-woocommerce-notifications { bottom: 24px; display: grid; gap: 12px; max-width: min(380px, calc(100vw - 32px)); position: fixed; right: 24px; width: calc(100vw - 48px); z-index: 99999; }
.phorte-woocommerce-notification { align-items: flex-start; background: #fff; border-left: 5px solid #08b957; border-radius: 8px; box-shadow: 0 12px 30px rgba(20, 47, 95, .16); display: flex; gap: 11px; opacity: 0; padding: 14px 14px 14px 12px; transform: translateY(12px); transition: opacity .22s ease, transform .22s ease; }
.phorte-woocommerce-notification.is-visible { opacity: 1; transform: translateY(0); }
.phorte-woocommerce-notification--error { border-left-color: #f43d68; }
.phorte-woocommerce-notification--info { border-left-color: #2f8bea; }
.phorte-woocommerce-notification--warning { border-left-color: #ffbf1f; }
.phorte-woocommerce-notification__icon { align-items: center; background: #08b957; border-radius: 50%; color: #fff; display: inline-flex; flex: 0 0 18px; font-size: 13px; font-weight: 800; height: 18px; justify-content: center; line-height: 1; margin-top: 1px; width: 18px; }
.phorte-woocommerce-notification--error .phorte-woocommerce-notification__icon { background: #f43d68; }
.phorte-woocommerce-notification--info .phorte-woocommerce-notification__icon { background: #2f8bea; }
.phorte-woocommerce-notification--warning .phorte-woocommerce-notification__icon { background: #ffbf1f; }
.phorte-woocommerce-notification__content { min-width: 0; }
.phorte-woocommerce-notification__title { color: #17243a; display: block; font-size: 12px; line-height: 1.25; }
.phorte-woocommerce-notification__message { color: #667085; font-size: 11px; line-height: 1.45; margin-top: 3px; overflow-wrap: anywhere; }
.phorte-woocommerce-notification__action { color: #16345f; font-weight: 700; margin-left: 4px; text-decoration: underline; }
.phorte-woocommerce-notifications .phorte-woocommerce-notification__close { align-items: center; background: transparent; border: 0; color: #667085; cursor: pointer; display: inline-flex; font-family: inherit; font-size: 16px; font-weight: 400; justify-content: center; line-height: 1; margin-left: auto; min-height: 28px; min-width: 28px; padding: 0; transition: background-color .2s ease, color .2s ease; }
.phorte-woocommerce-notifications .phorte-woocommerce-notification__close:hover { background: #f2f4f7; color: #17243a; }
.phorte-woocommerce-notifications .phorte-woocommerce-notification__close:focus-visible { outline: 2px solid #f23d43; outline-offset: 2px; }
@media (max-width: 600px) {
	.phorte-woocommerce-notifications { bottom: max(16px, env(safe-area-inset-bottom)); left: 12px; max-width: none; right: 12px; width: auto; }
	.phorte-woocommerce-notification { gap: 9px; padding: 13px 12px 13px 10px; }
	.phorte-woocommerce-notification__message { font-size: 12px; }
	.phorte-woocommerce-notification__close { flex: 0 0 28px; min-height: 28px; min-width: 28px; }
}