:root {
	--pan-dc-navy: #02225a;
	--pan-dc-yellow: #fecc20;
	--pan-dc-cyan: #07acd6;
	--pan-dc-line: #dfe4ec;
	--pan-dc-muted: #68758a;
}

.pan-desktop-cart-dock { display: none; }

@media (min-width: 1024px) {
	body.pan-desktop-cart-live .xoo-wsc-container > .xoo-wsc-basket { display: none !important; }

	body.pan-desktop-cart-live .pan-desktop-cart-dock {
		position: fixed;
		right: 24px;
		bottom: 24px;
		z-index: 100000;
		display: grid;
		grid-template-columns: 42px minmax(0,1fr) auto;
		align-items: center;
		gap: 10px;
		width: 268px;
		min-height: 64px;
		padding: 9px 13px;
		background: rgba(2,34,90,.94);
		border: 1px solid rgba(255,255,255,.18);
		border-radius: 19px;
		color: #fff;
		box-shadow: 0 18px 42px rgba(0,17,52,.28), inset 0 1px 0 rgba(255,255,255,.12);
		-webkit-backdrop-filter: blur(18px) saturate(145%);
		backdrop-filter: blur(18px) saturate(145%);
		font-family: "Metropolis-Bold", "Archivo", Arial, sans-serif;
		text-align: left;
		cursor: pointer;
		transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
	}

	body.pan-desktop-cart-live .pan-desktop-cart-dock:hover {
		transform: translateY(-3px);
		box-shadow: 0 22px 48px rgba(0,17,52,.34), inset 0 1px 0 rgba(255,255,255,.16);
	}

	body.pan-desktop-cart-live .pan-desktop-cart-dock:active { transform: translateY(-1px) scale(.985); }
	body.pan-desktop-cart-live .pan-desktop-cart-dock:focus-visible { outline: 3px solid var(--pan-dc-cyan); outline-offset: 4px; }
	body.pan-desktop-cart-live.xoo-wsc-cart-active .pan-desktop-cart-dock { opacity: 0; pointer-events: none; transform: translateY(8px); }
	body.pan-desktop-cart-live.pan-mobile-cookie-visible .pan-desktop-cart-dock { bottom: 104px; }

	.pan-desktop-cart-icon {
		position: relative;
		display: grid;
		place-items: center;
		width: 42px;
		height: 42px;
		background: rgba(255,255,255,.12);
		border-radius: 13px;
	}

	.pan-desktop-cart-icon svg { width: 23px; fill: currentColor; }
	.pan-desktop-cart-count {
		position: absolute;
		top: -8px;
		right: -8px;
		display: grid;
		place-items: center;
		min-width: 21px;
		height: 21px;
		padding: 0 5px;
		background: var(--pan-dc-yellow);
		border: 2px solid var(--pan-dc-navy);
		border-radius: 999px;
		color: var(--pan-dc-navy);
		font-size: 9px;
		font-weight: 850;
		line-height: 1;
	}

	.pan-desktop-cart-copy { min-width: 0; }
	.pan-desktop-cart-copy small { display: block; margin-bottom: 3px; color: rgba(255,255,255,.66); font-size: 9px; line-height: 1; }
	.pan-desktop-cart-copy strong { display: block; overflow: hidden; color: #fff; font-size: 12px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
	.pan-desktop-cart-total { color: var(--pan-dc-yellow); font-size: 13px; font-style: normal; font-weight: 850; white-space: nowrap; }
	.pan-desktop-cart-total .woocommerce-Price-currencySymbol { margin-left: 1px; }

	body.pan-desktop-cart-live .xoo-wsc-container {
		background: #fff;
		box-shadow: -22px 0 62px rgba(0,18,52,.25) !important;
		font-family: "Archivo", Arial, sans-serif !important;
	}

	body.pan-desktop-cart-live .xoo-wsc-header { padding: 0 !important; background: var(--pan-dc-navy) !important; border-bottom: 0 !important; color: #fff !important; }
	body.pan-desktop-cart-live .xoo-wsch-top { min-height: 82px; padding: 18px 20px !important; justify-content: flex-start !important; }
	body.pan-desktop-cart-live .xoo-wsch-basket { color: var(--pan-dc-yellow) !important; }
	body.pan-desktop-cart-live .xoo-wsch-text { color: #fff !important; font-family: "Metropolis-Bold", "Archivo", Arial, sans-serif; font-size: 23px !important; font-weight: 850; }
	body.pan-desktop-cart-live .xoo-wsch-close {
		right: 18px !important;
		display: grid;
		place-items: center;
		width: 42px;
		height: 42px;
		background: rgba(255,255,255,.12);
		border-radius: 50%;
		color: #fff !important;
		cursor: pointer;
	}
	body.pan-desktop-cart-live .xoo-wsch-close:focus-visible { outline: 3px solid var(--pan-dc-cyan); outline-offset: 3px; }
	body.pan-desktop-cart-live .xoo-wsc-body { padding: 10px 16px !important; background: #fff; }
	body.pan-desktop-cart-live .xoo-wsc-product { margin: 0 0 10px !important; padding: 12px !important; border: 1px solid var(--pan-dc-line); border-radius: 14px; background: #fff; }
	body.pan-desktop-cart-live .xoo-wsc-img-col img { border-radius: 10px; background: #f6f5ef; }
	body.pan-desktop-cart-live .xoo-wsc-pname,
	body.pan-desktop-cart-live .xoo-wsc-pname a { color: var(--pan-dc-navy) !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.35 !important; }
	body.pan-desktop-cart-live .xoo-wsc-footer { padding: 15px 18px 18px !important; border-top: 1px solid var(--pan-dc-line); box-shadow: 0 -8px 24px rgba(2,34,90,.07); }
	body.pan-desktop-cart-live .xoo-wsc-ft-amt { color: var(--pan-dc-navy); font-weight: 800; }
	body.pan-desktop-cart-live .xoo-wsc-ft-btn-checkout { background: var(--pan-dc-yellow) !important; color: var(--pan-dc-navy) !important; }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
	@media (min-width: 1024px) {
		body.pan-desktop-cart-live .pan-desktop-cart-dock { background: rgba(2,34,90,.98); }
	}
}

@media (prefers-reduced-motion: reduce) {
	.pan-desktop-cart-dock { transition-duration: .01ms !important; }
}