/* Float the template part like a clean popup drawer */
			.my-custom-cart-popup {
				display: none;
				position: absolute;
				top: 60px;
				right: 20px;
				width: max-content;
				max-height: 90vh;
				overflow-y: auto;
				background: var(--wp--preset--color--primary-light);
				color: #000;
				font-size: 0.9rem;
				border: 1px solid #e0e0e0;
				padding: 20px;
				box-shadow: 0 10px 30px rgba(0,0,0,0.1);
				z-index: 99999;
				border-radius: 8px;
			}

			/* Show the drawer when open */
			.my-custom-cart-popup.is-open {
				display: block;
				animation: fadeInCart 0.2s ease-out;
			}

			/* Custom dynamic title container styles injected via JavaScript hook below */
			.my-popup-dynamic-title {
				font-size: 1.2rem;
				font-weight: bold;
				margin-bottom: 15px;
				padding-bottom: 10px;
			}

			/* Clean up bulky elements from the shortcode inside a small popup */
			.my-custom-cart-popup .cart-collaterals,
			.my-custom-cart-popup .coupon,
			.my-custom-cart-popup .actions,
			.my-custom-cart-popup .wc-proceed-to-checkout {
				display: none !important;
			}

			/* close button (the 'X') */
			.my-popup-close-btn {
				position: absolute;
				right: 24px;
				top: 12px;
				font-size: 3rem;
				line-height: 2rem;
				cursor: pointer;
			}

			

			@keyframes fadeInCart {
				from { opacity: 0; transform: translateY(-10px); }
				to { opacity: 1; transform: translateY(0); }
			}

/* mobile adjustments */
@media(max-width:768px) {

	/* remove excessive padding from shopping cart icon at small screens */
	.my-cart-trigger a {
		padding: 6px;
	}
}