body.mc-commerce {
	--mc-ink: #212d3b;
	--mc-navy: #5d625c;
	--mc-rose: #b3837a;
	--mc-cream: #f6eee3;
	--mc-blush: #e9ddd0;
	--mc-lavender: #d9c8b7;
	background:
		radial-gradient(circle at 8% 5%, rgba(198, 170, 148, 0.38), transparent 27%),
		radial-gradient(circle at 94% 12%, rgba(93, 98, 92, 0.18), transparent 28%),
		radial-gradient(circle at 50% 100%, rgba(179, 131, 122, 0.22), transparent 32%),
		var(--mc-cream) !important;
	color: var(--mc-ink);
	font-family: Inter, ui-sans-serif, system-ui, sans-serif;
	overflow-x: hidden;
}

body.mc-commerce .wp-site-blocks,
body.mc-commerce .wp-block-group,
body.mc-commerce .wp-block-post-content,
body.mc-commerce .woocommerce,
body.mc-commerce .woocommerce-page,
body.mc-commerce .wc-block-components-sidebar-layout,
body.mc-commerce .wp-block-woocommerce-page-content-wrapper {
	background: transparent !important;
}

body.mc-commerce .wp-site-blocks {
	padding-top: 6.5rem;
	min-height: 100vh;
	position: relative;
	z-index: 1;
}

body.mc-commerce .woocommerce-product-gallery {
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: 1.5rem;
}

body.mc-commerce .woocommerce-product-gallery .zoomImg {
	display: none !important;
}

body.mc-commerce .wp-site-blocks > header,
body.mc-commerce .wp-site-blocks > footer,
body.mc-commerce header.wp-block-template-part,
body.mc-commerce footer.wp-block-template-part,
body.mc-commerce .wp-block-template-part[data-area="header"],
body.mc-commerce .wp-block-template-part[data-area="footer"] {
	display: none !important;
}

.mc-landing-bg {
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}

.mc-grid-bg {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(33, 45, 59, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(33, 45, 59, 0.04) 1px, transparent 1px);
	background-size: 42px 42px;
	-webkit-mask-image: linear-gradient(to bottom, black, transparent 85%);
	mask-image: linear-gradient(to bottom, black, transparent 85%);
}

.mc-orb {
	position: absolute;
	border-radius: 999px;
	filter: blur(1px);
}

.mc-orb-1 {
	top: -8rem;
	left: -8rem;
	width: 18rem;
	height: 18rem;
	background: rgba(233, 221, 208, 0.45);
	animation: mc-float 7s ease-in-out infinite;
}

.mc-orb-2 {
	top: 28%;
	right: -8rem;
	width: 20rem;
	height: 20rem;
	background: rgba(217, 200, 183, 0.35);
	animation: mc-float 9s ease-in-out infinite reverse;
}

.mc-orb-3 {
	left: 18%;
	top: 42%;
	width: 5rem;
	height: 5rem;
	background: rgba(255, 255, 255, 0.5);
	filter: blur(24px);
}

.mc-orb-4 {
	right: 15%;
	bottom: 8%;
	width: 6rem;
	height: 6rem;
	background: rgba(33, 45, 59, 0.2);
	filter: blur(24px);
}

@keyframes mc-float {
	0%,
	100% { transform: translate3d(0, 0, 0); }
	50% { transform: translate3d(0, -18px, 0); }
}

.mc-landing-nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
	padding: 0.75rem 0.75rem 0;
}

.mc-landing-nav__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	max-width: 72rem;
	margin: 0 auto;
	padding: 0.65rem 0.85rem;
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.92);
	box-shadow: 0 25px 80px rgba(33, 45, 59, 0.11);
	backdrop-filter: blur(22px);
	-webkit-backdrop-filter: blur(22px);
}

.mc-landing-nav__home,
.mc-landing-nav__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	padding: 0.65rem 1.1rem;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-decoration: none;
	transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.mc-landing-nav__home {
	color: var(--mc-ink);
	background: rgba(255, 255, 255, 0.55);
	border: 1px solid rgba(33, 45, 59, 0.12);
}

.mc-landing-nav__cta {
	color: #fff;
	background: var(--mc-ink);
}

.mc-landing-nav__home:hover,
.mc-landing-nav__cta:hover {
	transform: translateY(-2px);
	text-decoration: none;
}

.mc-landing-nav__cta:hover {
	background: var(--mc-navy);
	box-shadow: 0 0 40px rgba(33, 45, 59, 0.28);
	color: #fff;
}

.mc-landing-nav__home:hover {
	color: var(--mc-ink);
	background: #fff;
}

html.admin-bar .mc-landing-nav {
	top: 32px;
}

@media (max-width: 782px) {
	html.admin-bar .mc-landing-nav {
		top: 46px;
	}
}

body.mc-commerce h1,
body.mc-commerce h2,
body.mc-commerce .wp-block-post-title,
body.mc-commerce .product_title {
	font-family: "Playfair Display", Georgia, serif;
	color: var(--mc-ink);
}

body.mc-commerce .button,
body.mc-commerce button.alt,
body.mc-commerce .woocommerce a.button,
body.mc-commerce .woocommerce button.button,
body.mc-commerce .woocommerce input.button,
body.mc-commerce .wc-block-components-button,
body.mc-commerce .wp-block-button__link {
	background: var(--mc-ink) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 999px !important;
}

body.mc-commerce .woocommerce div.product,
body.mc-commerce .woocommerce-cart-form,
body.mc-commerce .cart-collaterals,
body.mc-commerce .wc-block-cart,
body.mc-commerce .wc-block-checkout,
body.mc-commerce .woocommerce-checkout #customer_details,
body.mc-commerce .woocommerce-checkout .woocommerce-checkout-review-order {
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.92);
	border-radius: 1.5rem;
	padding: 1.5rem;
	box-shadow: 0 16px 50px rgba(33, 45, 59, 0.07);
	backdrop-filter: blur(18px);
}

@media (prefers-reduced-motion: reduce) {
	.mc-orb-1,
	.mc-orb-2 {
		animation: none;
	}
}
