/**
 * DELTITECH mini cart (v1.0.239) — see inc/dt-minicart.php.
 *
 * Design language: the About / FAQ / Contact pages and the cart page —
 * paper sheet, soft ambient glows, liquid-glass controls, Inter Tight
 * display type, dark glass pill buttons, the green accent.
 *
 *   #cart-panel.dt-mc-panel   the drawer (template-parts/panels/cart.php)
 *   #quick-edit-modal#quick-edit-modal.dt-mc-edit   edit item (template-parts/modals/quick-edit.php)
 *
 * `html body.dt-mc #cart-panel` lends every rule enough weight over
 * Glozin's overlay CSS and custom-animations-v6.css; `!important` only
 * where those use it (or jQuery writes inline styles).
 */

/* =========================================================================
 * 0. Tokens
 * ====================================================================== */

html body.dt-mc #cart-panel,
html body.dt-mc #quick-edit-modal#quick-edit-modal {
	--ink: #0a0a0a;
	--ink-2: #2b2b2b;
	--muted: #6b6b70;
	--paper: #fafaf7;
	--stone: #f1efea;
	--line: rgba(10, 10, 10, 0.07);
	--line-2: rgba(10, 10, 10, 0.12);
	--sky: #d3f5da;
	--sand: #f3e4cf;
	--lilac: #e4dcf8;
	--green: #4cd964;
	--green-deep: #1a8030;
	--red: #d23c3c;
	--amber: #a35f00;
	--display: "Inter Tight", -apple-system, "SF Pro Display", system-ui, sans-serif;
	--body: "Inter", -apple-system, "SF Pro Text", system-ui, sans-serif;
	--ease: cubic-bezier(0.22, 1, 0.36, 1);
	--spring: cubic-bezier(0.34, 1.56, 0.64, 1);
	--glass-bg: linear-gradient(145deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.56) 55%, rgba(255, 255, 255, 0.5) 100%);
	--glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 0 0 1px rgba(255, 255, 255, 0.4), inset 0 -10px 24px -18px rgba(10, 10, 10, 0.1), 0 1px 2px rgba(10, 10, 10, 0.04), 0 14px 34px -18px rgba(10, 10, 10, 0.22);
	--chip-shadow: inset 0 0 0 1px var(--line-2), inset 0 1px 0 #fff, 0 6px 16px -10px rgba(10, 10, 10, 0.28);
	--dark-bg: linear-gradient(145deg, #2a2a2d 0%, #0a0a0a 60%);
	--dark-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), inset 0 0 0 1px rgba(255, 255, 255, 0.06), inset 0 12px 24px -16px rgba(255, 255, 255, 0.35), 0 14px 30px -12px rgba(10, 10, 10, 0.5);
	--gutter: 20px;
	--panel-w: 440px;
	--inset: 12px;
	--radius: 30px;
	font-family: var(--body);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html body.dt-mc #cart-panel *,
html body.dt-mc #cart-panel *::before,
html body.dt-mc #cart-panel *::after,
html body.dt-mc #quick-edit-modal#quick-edit-modal *,
html body.dt-mc #quick-edit-modal#quick-edit-modal *::before,
html body.dt-mc #quick-edit-modal#quick-edit-modal *::after {
	box-sizing: border-box;
}

html body.dt-mc #cart-panel :is(a, button, input, textarea, select):focus-visible,
html body.dt-mc #quick-edit-modal#quick-edit-modal :is(a, button, input, textarea, select):focus-visible {
	outline: 2px solid var(--ink) !important;
	outline-offset: 2px;
}

html body.dt-mc #cart-panel .dt-mc-icon {
	display: block;
	flex: none;
	width: 18px;
	height: 18px;
}

/* =========================================================================
 * 1. Shell — a floating paper sheet with soft glows
 * ====================================================================== */

html body.dt-mc #cart-panel .panel__container {
	--gz-panel-content-width: var(--panel-w);
	top: var(--inset) !important;
	bottom: var(--inset) !important;
	right: var(--inset) !important;
	left: auto !important;
	display: flex;
	flex-direction: column;
	width: var(--panel-w) !important;
	max-width: calc(100vw - var(--inset) * 2) !important;
	height: auto !important;
	max-height: none !important;
	border-radius: var(--radius) !important;
	overflow: visible !important;
	background: var(--paper) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 2px 6px rgba(10, 10, 10, 0.05), 0 40px 90px -30px rgba(10, 10, 10, 0.45) !important;
	color: var(--ink);
}

html body.dt-mc.admin-bar #cart-panel .panel__container {
	top: calc(var(--dt-admin-bar, 0px) + var(--inset)) !important;
	height: auto !important;
	max-height: none !important;
}

/* Fully off-screen while closed (the sheet is inset from the edge). */
html body.dt-mc #cart-panel:not(.offscreen-panel--open) .panel__container {
	transform: translate3d(calc(100% + var(--inset) * 2 + 24px), 0, 0) !important;
}

html body.dt-mc #cart-panel.offscreen-panel--open .panel__container {
	transform: none !important;
}

/* One moving surface. Do not keep every descendant in a forced 3D layer. */
html body.dt-mc #cart-panel .panel__container {
	will-change: auto;
	transition: transform var(--ios-drawer-open-duration) var(--ios-drawer-ease) !important;
}

/* Opacity can fade a static dim without recomputing a full-screen blur. */
html body.dt-mc #cart-panel .panel__backdrop,
html body.dt-mc #cart-panel.offscreen-panel--open .panel__backdrop {
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	will-change: auto;
	transition: opacity var(--ios-backdrop-open-duration) var(--ios-backdrop-ease), visibility 0s linear var(--ios-backdrop-open-duration);
}

html body.dt-mc #cart-panel.offscreen-panel--open .panel__backdrop {
	transition-delay: 0s;
}

html body.dt-mc #cart-panel .dt-mc-ambient {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	border-radius: inherit;
	pointer-events: none;
	background: radial-gradient(ellipse at 10% 0%, rgba(211, 245, 218, 0.7), transparent 50%),
		radial-gradient(ellipse at 100% 45%, rgba(243, 228, 207, 0.45), transparent 55%),
		radial-gradient(ellipse at 40% 100%, rgba(228, 220, 248, 0.45), transparent 50%);
}

html body.dt-mc #cart-panel .dt-mc-blob {
	/* Static radial gradients above replace three continuously moving
	   60px filters behind every card and the footer. */
	display: none;
}

html body.dt-mc #cart-panel .dt-mc-blob--a {
	top: -120px;
	left: -90px;
	width: 300px;
	height: 300px;
	background: var(--sky);
}

html body.dt-mc #cart-panel .dt-mc-blob--b {
	top: 26%;
	right: -150px;
	width: 280px;
	height: 280px;
	background: var(--sand);
	opacity: 0.55;
	animation-delay: -7s;
}

html body.dt-mc #cart-panel .dt-mc-blob--c {
	bottom: -140px;
	left: 10%;
	width: 300px;
	height: 300px;
	background: var(--lilac);
	opacity: 0.5;
	animation-delay: -13s;
}

html body.dt-mc #cart-panel .panel__header,
html body.dt-mc #cart-panel .panel__content {
	position: relative;
	z-index: 1;
}

/* Glozin's content column, made transparent (the paper shows through). */
html body.dt-mc #cart-panel .panel__content {
	display: flex !important;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	border-radius: 0 0 var(--radius) var(--radius);
	background: none !important;
	position: static;
}

html body.dt-mc #cart-panel .dt-mc-view {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
}

html body.dt-mc #cart-panel .dt-mc-view[hidden] {
	display: none !important;
}

html body.dt-mc #cart-panel .widget_shopping_cart_content {
	display: flex !important;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}

/* =========================================================================
 * 2. Header — segmented glass control + close
 * ====================================================================== */

html body.dt-mc #cart-panel .panel__header {
	display: flex !important;
	align-items: center;
	justify-content: space-between !important;
	gap: 12px;
	min-height: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 16px 16px 12px var(--gutter) !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	font: inherit !important;
}

html body.dt-mc #cart-panel .panel__header::after,
html body.dt-mc #cart-panel .panel__header::before {
	display: none !important;
}

html body.dt-mc #cart-panel .dt-mc-tabs {
	position: relative;
	display: inline-flex;
	align-items: stretch;
	gap: 2px;
	min-width: 0;
	padding: 4px;
	border-radius: 999px;
	background: rgba(10, 10, 10, 0.05);
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.06), inset 0 0 0 1px rgba(10, 10, 10, 0.03);
}

html body.dt-mc #cart-panel .dt-mc-tabs__thumb {
	position: absolute;
	top: 4px;
	bottom: 4px;
	left: 0;
	z-index: 0;
	width: var(--w, 0px);
	border-radius: 999px;
	background: linear-gradient(160deg, #fff, rgba(255, 255, 255, 0.86));
	box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(10, 10, 10, 0.06), 0 6px 16px -6px rgba(10, 10, 10, 0.22);
	transform: translateX(var(--x, 4px));
	transition: transform 0.55s var(--spring), width 0.45s var(--ease);
}

html body.dt-mc #cart-panel .dt-mc-tab {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 38px;
	margin: 0 !important;
	padding: 0 14px 0 12px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: none !important;
	box-shadow: none !important;
	font: 600 13.5px/1 var(--body) !important;
	letter-spacing: -0.01em;
	color: var(--muted) !important;
	white-space: nowrap;
	cursor: pointer;
	transition: color 0.3s var(--ease);
}

html body.dt-mc #cart-panel .dt-mc-tab .dt-mc-icon {
	width: 16px;
	height: 16px;
	transition: transform 0.5s var(--spring);
}

html body.dt-mc #cart-panel .dt-mc-tab:hover,
html body.dt-mc #cart-panel .dt-mc-tab.is-active {
	color: var(--ink) !important;
}

html body.dt-mc #cart-panel .dt-mc-tab.is-active .dt-mc-icon {
	transform: scale(1.08);
}

html body.dt-mc #cart-panel .dt-mc-count {
	display: inline-grid;
	place-items: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--ink);
	font: 700 11px/1 var(--body);
	color: #fff;
	font-variant-numeric: tabular-nums;
}

html body.dt-mc #cart-panel .dt-mc-count[hidden] {
	display: none;
}

html body.dt-mc #cart-panel .dt-mc-count.is-bump {
	animation: dt-mc-bump 0.6s var(--spring);
}

html body.dt-mc #cart-panel .dt-mc-tab:not(.is-active) .dt-mc-count {
	background: rgba(10, 10, 10, 0.55);
}

/* Close: a round glass button; the X turns on hover. */
html body.dt-mc #cart-panel .panel__header .panel__button-close,
html body.dt-mc #cart-panel .dt-mc-close {
	position: relative !important;
	inset: auto !important;
	display: grid !important;
	place-items: center;
	flex: none;
	width: 42px !important;
	height: 42px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: var(--glass-bg) !important;
	box-shadow: var(--chip-shadow) !important;
	color: var(--ink) !important;
	cursor: pointer;
	overflow: hidden;
	transform: none;
	transition: transform 0.45s var(--spring), background 0.3s, color 0.3s !important;
}

html body.dt-mc #cart-panel .dt-mc-close::before,
html body.dt-mc #cart-panel .dt-mc-close::after {
	display: none !important;
}

html body.dt-mc #cart-panel .dt-mc-close .dt-mc-icon {
	width: 17px;
	height: 17px;
	stroke-width: 2;
	transition: transform 0.5s var(--spring);
}

html body.dt-mc #cart-panel .dt-mc-close:hover {
	background: var(--ink) !important;
	color: #fff !important;
}

html body.dt-mc #cart-panel .dt-mc-close:hover .dt-mc-icon {
	transform: rotate(90deg);
}

html body.dt-mc #cart-panel .dt-mc-close:active {
	transform: scale(0.92);
}

/* =========================================================================
 * 3. Bag view
 * ====================================================================== */

/* Free shipping bar (inc/dt-shipping.php) as a card under the header. */
html body.dt-mc #cart-panel .glozin-free-shipping-bar {
	flex: none;
	margin: 2px var(--gutter) 10px !important;
}

html body.dt-mc #cart-panel .dt-mc-body {
	flex: 1 1 auto;
	min-height: 0;
	margin: 0 !important;
	padding: 4px var(--gutter) 18px !important;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: rgba(10, 10, 10, 0.18) transparent;
	-webkit-mask: none;
	mask: none;
}

html body.dt-mc #cart-panel .dt-mc-body::-webkit-scrollbar {
	width: 4px;
}

html body.dt-mc #cart-panel .dt-mc-body::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background: rgba(10, 10, 10, 0.18);
}

html body.dt-mc #cart-panel ul.dt-mc-list {
	display: flex !important;
	flex-direction: column;
	gap: 10px;
	margin: 0 !important;
	padding: 6px 0 0 !important;
	list-style: none !important;
	border: 0 !important;
}

/* Item: a glass card. */
html body.dt-mc #cart-panel li.dt-mc-item {
	position: relative;
	display: grid !important;
	grid-template-columns: 92px minmax(0, 1fr);
	gap: 14px;
	align-items: stretch;
	margin: 0 !important;
	padding: 10px 12px 10px 10px !important;
	border: 0 !important;
	border-radius: 24px;
	background: var(--glass-bg);
	box-shadow: var(--glass-shadow);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	transition: transform 0.5s var(--ease), box-shadow 0.5s var(--ease), opacity 0.4s var(--ease);
}

html body.dt-mc #cart-panel li.dt-mc-item::before,
html body.dt-mc #cart-panel li.dt-mc-item::after {
	display: none !important;
	content: none !important;
}

html body.dt-mc #cart-panel li.dt-mc-item.is-busy {
	opacity: 0.72;
}

html body.dt-mc #cart-panel li.dt-mc-item.is-busy .dt-mc-item__total {
	animation: dt-mc-pulse 1s ease-in-out infinite;
}

html body.dt-mc #cart-panel .dt-mc-item__media {
	position: relative;
	display: block !important;
	align-self: start;
	width: 92px !important;
	height: 92px;
	margin: 0 !important;
	overflow: hidden;
	border-radius: 18px;
	background: radial-gradient(120% 90% at 30% 20%, #fff 0%, var(--stone) 70%);
	box-shadow: inset 0 0 0 1px rgba(10, 10, 10, 0.04);
}

html body.dt-mc #cart-panel .dt-mc-item__media img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	object-fit: contain;
	border-radius: 0 !important;
	mix-blend-mode: multiply;
	transition: transform 0.7s var(--ease);
}

html body.dt-mc #cart-panel li.dt-mc-item:hover .dt-mc-item__media img {
	transform: scale(1.06) rotate(-2deg);
}

html body.dt-mc #cart-panel .dt-mc-item__body {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 2px 0 0;
}

html body.dt-mc #cart-panel .dt-mc-item__top {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

html body.dt-mc #cart-panel .dt-mc-item__text {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

html body.dt-mc #cart-panel .dt-mc-item__brand,
html body.dt-mc #quick-edit-modal#quick-edit-modal .dt-mc-item__brand {
	font: 600 10.5px/1.2 var(--body);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--green-deep);
}

html body.dt-mc #cart-panel .dt-mc-item__name {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font: 700 14.5px/1.28 var(--display) !important;
	letter-spacing: -0.015em;
	color: var(--ink) !important;
	text-decoration: none !important;
}

html body.dt-mc #cart-panel a.dt-mc-item__name:hover {
	color: var(--ink-2) !important;
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 3px;
}

/* Edit + remove. */
html body.dt-mc #cart-panel .dt-mc-item__tools {
	display: flex;
	flex: none;
	gap: 6px;
	margin: -2px -2px 0 0;
}

html body.dt-mc #cart-panel .dt-mc-tool {
	position: relative;
	display: grid !important;
	place-items: center;
	width: 32px !important;
	height: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.9) !important;
	box-shadow: var(--chip-shadow) !important;
	color: var(--ink-2) !important;
	font-size: 0 !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: transform 0.45s var(--spring), background 0.25s, color 0.25s, box-shadow 0.25s !important;
}

html body.dt-mc #cart-panel .dt-mc-tool::before,
html body.dt-mc #cart-panel .dt-mc-tool::after {
	display: none !important;
}

html body.dt-mc #cart-panel .dt-mc-tool .dt-mc-icon {
	width: 15px;
	height: 15px;
	stroke-width: 1.8;
	overflow: visible;
}

html body.dt-mc #cart-panel .dt-mc-tool--edit:hover {
	background: var(--ink) !important;
	color: #fff !important;
	transform: translateY(-1px);
}

html body.dt-mc #cart-panel .dt-mc-tool--edit:hover .dt-mc-icon {
	animation: dt-mc-wiggle 0.6s var(--ease);
}

html body.dt-mc #cart-panel .dt-mc-tool--remove:hover {
	background: var(--red) !important;
	color: #fff !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 8px 18px -8px rgba(210, 60, 60, 0.7) !important;
	transform: translateY(-1px);
}

html body.dt-mc #cart-panel .dt-mc-trash__lid {
	transform-box: fill-box;
	transform-origin: 0% 100%;
	transition: transform 0.45s var(--spring);
}

html body.dt-mc #cart-panel .dt-mc-tool--remove:hover .dt-mc-trash__lid {
	transform: translate(-1px, -1.5px) rotate(-16deg);
}

html body.dt-mc #cart-panel .dt-mc-tool:active {
	transform: scale(0.88) !important;
}

html body.dt-mc #cart-panel .dt-mc-tool.loading {
	pointer-events: none;
}

html body.dt-mc #cart-panel .dt-mc-tool.loading .dt-mc-icon {
	opacity: 0;
}

html body.dt-mc #cart-panel .dt-mc-tool.loading::after {
	content: "" !important;
	display: block !important;
	position: absolute;
	inset: 9px;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: dt-mc-spin 0.7s linear infinite;
}

/* Size chip + low stock. */
html body.dt-mc #cart-panel .dt-mc-item__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 7px 0 0;
}

html body.dt-mc #cart-panel .dt-mc-item__meta:empty {
	display: none;
}

html body.dt-mc #cart-panel .dt-mc-item__meta dl.variation {
	display: inline-flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	margin: 0 !important;
	padding: 4px 10px !important;
	border-radius: 999px;
	background: rgba(10, 10, 10, 0.05);
	font: 500 11.5px/1.25 var(--body) !important;
	color: var(--muted) !important;
	text-transform: none !important;
}

html body.dt-mc #cart-panel .dt-mc-item__meta dl.variation :is(dt, dd, dd p) {
	display: inline !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	font: inherit !important;
	color: inherit !important;
}

html body.dt-mc #cart-panel .dt-mc-item__meta dl.variation dt::before {
	display: none !important;
}

html body.dt-mc #cart-panel .dt-mc-item__meta dl.variation dd,
html body.dt-mc #cart-panel .dt-mc-item__meta dl.variation dd p {
	font-weight: 700 !important;
	color: var(--ink) !important;
}

html body.dt-mc #cart-panel .dt-mc-item__low {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font: 600 11.5px/1.2 var(--body);
	color: var(--amber);
}

html body.dt-mc #cart-panel .dt-mc-item__low::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #f5a524;
	box-shadow: 0 0 0 3px rgba(245, 165, 36, 0.2);
}

/* Quantity + price. */
html body.dt-mc #cart-panel .dt-mc-item__foot {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px;
	margin-top: auto;
	padding-top: 10px;
}

html body.dt-mc .dt-mc-qty {
	display: inline-flex;
	align-items: center;
	flex: none;
	height: 36px;
	padding: 3px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: var(--chip-shadow);
}

html body.dt-mc .dt-mc-qty__btn {
	display: grid !important;
	place-items: center;
	width: 30px !important;
	height: 30px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: none !important;
	box-shadow: none !important;
	color: var(--ink) !important;
	cursor: pointer;
	transition: background 0.2s, color 0.2s, transform 0.35s var(--spring);
}

html body.dt-mc .dt-mc-qty__btn .dt-mc-icon {
	width: 14px;
	height: 14px;
	stroke-width: 2;
}

html body.dt-mc .dt-mc-qty__btn:hover:not(:disabled) {
	background: var(--ink) !important;
	color: #fff !important;
}

html body.dt-mc .dt-mc-qty__btn:active:not(:disabled) {
	transform: scale(0.85);
}

html body.dt-mc .dt-mc-qty__btn:disabled {
	color: rgba(10, 10, 10, 0.25) !important;
	cursor: default;
}

html body.dt-mc .dt-mc-qty__val {
	position: relative;
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	overflow: hidden;
}

html body.dt-mc .dt-mc-qty__num {
	display: block;
	font: 700 14px/1 var(--body);
	color: var(--ink);
	font-variant-numeric: tabular-nums;
	pointer-events: none;
}

html body.dt-mc .dt-mc-qty__num.is-up {
	animation: dt-mc-num-up 0.4s var(--ease);
}

html body.dt-mc .dt-mc-qty__num.is-down {
	animation: dt-mc-num-down 0.4s var(--ease);
}

/* The real input sits on top, invisible until focused (typing a number). */
html body.dt-mc .dt-mc-qty__input {
	position: absolute !important;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	box-shadow: none !important;
	opacity: 0;
	font: 700 14px/1 var(--body) !important;
	color: var(--ink) !important;
	text-align: center;
	-moz-appearance: textfield;
	appearance: textfield;
}

html body.dt-mc .dt-mc-qty__input:focus {
	opacity: 1;
	background: #fff !important;
	outline: none !important;
}

html body.dt-mc .dt-mc-qty__input:focus + .dt-mc-qty__num,
html body.dt-mc .dt-mc-qty__val:focus-within .dt-mc-qty__num {
	visibility: hidden;
}

html body.dt-mc .dt-mc-qty__input::-webkit-inner-spin-button,
html body.dt-mc .dt-mc-qty__input::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

html body.dt-mc #cart-panel .dt-mc-item__price {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 1px;
	min-width: 0;
	text-align: right;
}

html body.dt-mc #cart-panel .dt-mc-item__was {
	font: 500 12px/1.2 var(--body);
	color: var(--muted);
	text-decoration-thickness: 1px;
}

html body.dt-mc #cart-panel .dt-mc-item__was .amount {
	color: inherit !important;
	font: inherit !important;
}

html body.dt-mc #cart-panel .dt-mc-item__total,
html body.dt-mc #cart-panel .dt-mc-item__total .amount {
	font: 700 16px/1.15 var(--display) !important;
	letter-spacing: -0.02em;
	color: var(--ink) !important;
	white-space: nowrap;
}

html body.dt-mc #cart-panel .dt-mc-item__was + .dt-mc-item__total,
html body.dt-mc #cart-panel .dt-mc-item__was + .dt-mc-item__total .amount {
	color: var(--green-deep) !important;
}

html body.dt-mc #cart-panel .dt-mc-item__each {
	font: 500 11px/1.2 var(--body);
	color: var(--muted);
	white-space: nowrap;
}

html body.dt-mc #cart-panel .dt-mc-item__each .amount {
	font: inherit !important;
	color: inherit !important;
}

/* Remove: the card folds away. */
html body.dt-mc #cart-panel li.dt-mc-item.is-removing {
	pointer-events: none;
	animation: dt-mc-remove 0.48s var(--ease) forwards;
}

/* Items and footer stay visible while WooCommerce replaces fragments.
   The drawer shell provides the entrance animation. */

/* "You may also like" (Glozin's recommendations). Desktop: a glass card
   floating beside the drawer. Smaller screens: a rail under the items. */
html body.dt-mc #cart-panel .glozin-mini-products-recommended {
	margin: 0 !important;
	border: 0 !important;
	background: none !important;
}

html body.dt-mc #cart-panel .glozin-mini-products-recommended .products-recommended-header {
	position: static !important;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 12px !important;
	border: 0 !important;
	background: none !important;
}

html body.dt-mc #cart-panel .glozin-mini-products-recommended .recommendation-heading {
	margin: 0 !important;
	font: 700 15px/1.2 var(--display) !important;
	letter-spacing: -0.015em;
	color: var(--ink) !important;
}

html body.dt-mc #cart-panel .glozin-mini-products-recommended .products-recommended__button-close {
	display: grid !important;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: var(--chip-shadow);
	color: var(--ink);
	cursor: pointer;
	transition: transform 0.4s var(--spring);
}

html body.dt-mc #cart-panel .glozin-mini-products-recommended .products-recommended__button-close svg {
	width: 11px;
	height: 11px;
}

html body.dt-mc #cart-panel .glozin-mini-products-recommended .products-recommended__button-close:hover {
	transform: rotate(90deg);
}

html body.dt-mc #cart-panel .glozin-mini-products-recommended ul.products {
	display: flex !important;
	flex-direction: column;
	gap: 8px;
	margin: 0 !important;
	padding: 0 !important;
}

html body.dt-mc #cart-panel .glozin-mini-products-recommended li.product {
	display: grid !important;
	grid-template-columns: 64px minmax(0, 1fr);
	align-items: center !important;
	gap: 12px !important;
	width: auto !important;
	margin: 0 !important;
	padding: 8px !important;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.72);
	box-shadow: var(--chip-shadow);
	text-align: left !important;
}

html body.dt-mc #cart-panel .glozin-mini-products-recommended .product-thumbnail {
	width: 64px !important;
	max-width: 64px !important;
	overflow: hidden;
	border-radius: 14px !important;
	background: var(--stone);
}

html body.dt-mc #cart-panel .glozin-mini-products-recommended .product-thumbnail img {
	mix-blend-mode: multiply;
}

/* Glozin's lazy-load veil is only lifted on page load; fragments arrive later. */
html body.dt-mc #cart-panel .glozin-mini-products-recommended .gz-lazy-load-image {
	display: none !important;
}

html body.dt-mc #cart-panel .glozin-mini-products-recommended .product__summary {
	align-items: flex-start !important;
	gap: 3px;
	min-width: 0;
	text-align: left !important;
}

html body.dt-mc #cart-panel .glozin-mini-products-recommended .product__title {
	display: -webkit-box !important;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	padding: 0 !important;
	font: 600 12.5px/1.3 var(--display) !important;
	color: var(--ink) !important;
}

html body.dt-mc #cart-panel .glozin-mini-products-recommended .product__rating {
	display: none !important;
}

html body.dt-mc #cart-panel .glozin-mini-products-recommended .price,
html body.dt-mc #cart-panel .glozin-mini-products-recommended .price .amount {
	font: 700 13px/1.2 var(--body) !important;
	color: var(--ink) !important;
}

html body.dt-mc #cart-panel .glozin-mini-products-recommended .gz-add-to-cart-button {
	display: inline-flex !important;
	align-items: center;
	height: 28px !important;
	min-height: 0 !important;
	margin: 6px 0 0 !important;
	padding: 0 12px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--ink) !important;
	box-shadow: none !important;
	font: 600 11.5px/1 var(--body) !important;
	color: #fff !important;
}

html body.dt-mc #cart-panel .glozin-mini-products-recommended .gz-add-to-cart-button .btn-fill {
	display: none !important;
}

html body.dt-mc #cart-panel .glozin-mini-products-recommended .gz-add-to-cart-button .concept-hover-text {
	color: #fff !important;
}

@media (min-width: 1025px) {
	html body.dt-mc #cart-panel .glozin-mini-products-recommended {
		position: absolute !important;
		top: 0 !important;
		bottom: auto !important;
		right: calc(100% + 12px) !important;
		left: auto !important;
		inset-inline-start: auto !important;
		z-index: 0 !important;
		display: flex !important;
		flex-direction: column;
		width: 270px !important;
		max-height: 100%;
		padding: 16px !important;
		overflow: auto;
		border-radius: 26px !important;
		background: linear-gradient(160deg, rgba(250, 250, 247, 0.95), rgba(250, 250, 247, 0.86)) !important;
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 2px 6px rgba(10, 10, 10, 0.05), 0 30px 70px -30px rgba(10, 10, 10, 0.4) !important;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		opacity: 0;
		visibility: hidden;
		transform: translateX(40px) scale(0.96) !important;
		transform-origin: right center;
		transition: transform 0.6s var(--ease), opacity 0.4s var(--ease), visibility 0s 0.6s !important;
	}

	html body.dt-mc #cart-panel .glozin-mini-products-recommended.mini--open {
		opacity: 1;
		visibility: visible;
		transform: none !important;
		transition: transform 0.7s var(--spring), opacity 0.4s var(--ease), visibility 0s !important;
	}
}

@media (max-width: 1024px) {
	html body.dt-mc #cart-panel .glozin-mini-products-recommended {
		display: block !important;
		margin: 22px 0 0 !important;
	}

	html body.dt-mc #cart-panel .glozin-mini-products-recommended .products-recommended__button-close {
		display: none !important;
	}

	html body.dt-mc #cart-panel .glozin-mini-products-recommended ul.products {
		flex-direction: row;
		gap: 10px;
		margin: 0 calc(var(--gutter) * -1) !important;
		padding: 2px var(--gutter) 12px !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	html body.dt-mc #cart-panel .glozin-mini-products-recommended ul.products::-webkit-scrollbar {
		display: none;
	}

	html body.dt-mc #cart-panel .glozin-mini-products-recommended li.product {
		flex: 0 0 236px;
		scroll-snap-align: start;
	}
}

/* =========================================================================
 * 4. Footer — extras, totals, buttons
 * ====================================================================== */

html body.dt-mc #cart-panel .dt-mc-foot {
	position: relative;
	flex: none;
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 !important;
	padding: 14px var(--gutter) 16px !important;
	border: 0 !important;
	border-radius: 26px 26px var(--radius) var(--radius);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.9)) !important;
	box-shadow: inset 0 1px 0 #fff, 0 -1px 0 var(--line), 0 -18px 40px -24px rgba(10, 10, 10, 0.25);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

/* Trustpilot badge (plugin) — a quiet line. */
html body.dt-mc #cart-panel .dt-mc-foot .tri-minicart-badge {
	order: 9;
	justify-content: center;
	margin: -2px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	opacity: 0.9;
}

/* Extras: Note / Discount / Shipping. */
html body.dt-mc #cart-panel .dt-mc-extras {
	display: grid;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	gap: 8px;
}

html body.dt-mc #cart-panel .dt-mc-extra {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-width: 0;
	height: 40px;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, 0.86) !important;
	box-shadow: var(--chip-shadow) !important;
	font: 600 12.5px/1 var(--body) !important;
	letter-spacing: -0.005em;
	color: var(--ink-2) !important;
	cursor: pointer;
	transition: transform 0.4s var(--spring), background 0.25s, color 0.25s, box-shadow 0.25s !important;
}

html body.dt-mc #cart-panel .dt-mc-extra:hover {
	color: var(--ink) !important;
	background: #fff !important;
	transform: translateY(-2px);
	box-shadow: inset 0 0 0 1px var(--line-2), inset 0 1px 0 #fff, 0 12px 22px -12px rgba(10, 10, 10, 0.35) !important;
}

html body.dt-mc #cart-panel .dt-mc-extra:active {
	transform: scale(0.95);
}

html body.dt-mc #cart-panel .dt-mc-extra__icon {
	position: relative;
	display: block;
	flex: none;
}

html body.dt-mc #cart-panel .dt-mc-extra__icon .dt-mc-icon {
	width: 16px;
	height: 16px;
	transition: transform 0.5s var(--spring);
}

html body.dt-mc #cart-panel .dt-mc-extra:hover .dt-mc-extra__icon .dt-mc-icon {
	transform: rotate(-10deg) scale(1.1);
}

html body.dt-mc #cart-panel .dt-mc-extra__label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html body.dt-mc #cart-panel .dt-mc-extra__dot {
	position: absolute;
	top: -3px;
	right: -4px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--green);
	box-shadow: 0 0 0 2px #fff;
	transform: scale(0);
	transition: transform 0.45s var(--spring);
}

html body.dt-mc #cart-panel .dt-mc-extra.is-set .dt-mc-extra__dot {
	transform: scale(1);
}

html body.dt-mc #cart-panel .dt-mc-extra.is-set {
	color: var(--ink) !important;
}

/* Applied codes. */
html body.dt-mc .dt-mc-codes {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

html body.dt-mc .dt-mc-code {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 30px;
	padding: 0 4px 0 10px;
	border-radius: 999px;
	background: rgba(76, 217, 100, 0.14);
	box-shadow: inset 0 0 0 1px rgba(26, 128, 48, 0.18);
	font: 700 11.5px/1 var(--body);
	letter-spacing: 0.04em;
	color: var(--green-deep);
}

html body.dt-mc .dt-mc-code .dt-mc-icon--tag {
	width: 13px;
	height: 13px;
}

html body.dt-mc .dt-mc-code__amount {
	font-weight: 600;
	letter-spacing: 0;
}

html body.dt-mc .dt-mc-code__amount .amount {
	font: inherit !important;
	color: inherit !important;
}

html body.dt-mc .dt-mc-code__remove {
	display: grid !important;
	place-items: center;
	width: 22px !important;
	height: 22px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: rgba(26, 128, 48, 0.12) !important;
	color: var(--green-deep) !important;
	cursor: pointer;
	transition: background 0.2s, color 0.2s, transform 0.35s var(--spring);
}

html body.dt-mc .dt-mc-code__remove .dt-mc-icon {
	width: 11px;
	height: 11px;
	stroke-width: 2.4;
}

html body.dt-mc .dt-mc-code__remove:hover {
	background: var(--green-deep) !important;
	color: #fff !important;
	transform: rotate(90deg);
}

html body.dt-mc .dt-mc-code.is-leaving {
	animation: dt-mc-pop-out 0.35s var(--ease) forwards;
}

/* Totals. */
html body.dt-mc #cart-panel .dt-mc-totals {
	display: flex !important;
	flex-direction: column;
	align-items: stretch !important;
	gap: 6px;
	margin: 2px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font: inherit !important;
}

html body.dt-mc #cart-panel .dt-mc-totals__row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}

html body.dt-mc #cart-panel .dt-mc-totals__save {
	align-items: center;
	padding: 7px 10px 7px 9px;
	border-radius: 12px;
	background: rgba(76, 217, 100, 0.12);
	font: 600 12.5px/1.2 var(--body);
	color: var(--green-deep);
}

html body.dt-mc #cart-panel .dt-mc-totals__save span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

html body.dt-mc #cart-panel .dt-mc-totals__save .dt-mc-icon {
	width: 14px;
	height: 14px;
	animation: dt-mc-twinkle 2.4s ease-in-out infinite;
}

html body.dt-mc #cart-panel .dt-mc-totals__save strong,
html body.dt-mc #cart-panel .dt-mc-totals__save .amount {
	font: 700 13px/1.2 var(--body) !important;
	color: var(--green-deep) !important;
}

html body.dt-mc #cart-panel .dt-mc-totals__sub > span {
	font: 600 15px/1.2 var(--body);
	color: var(--ink);
}

html body.dt-mc #cart-panel .dt-mc-totals__sub strong,
html body.dt-mc #cart-panel .dt-mc-totals__sub .amount {
	font: 800 24px/1 var(--display) !important;
	letter-spacing: -0.035em;
	color: var(--ink) !important;
	font-variant-numeric: tabular-nums;
}

html body.dt-mc #cart-panel .dt-mc-totals__sub strong.is-busy {
	animation: dt-mc-pulse 1s ease-in-out infinite;
}

html body.dt-mc #cart-panel .dt-mc-totals__note {
	margin: 0 !important;
	font: 500 12px/1.4 var(--body);
	color: var(--muted);
}

/* Buttons. */
html body.dt-mc #cart-panel .dt-mc-actions {
	display: flex !important;
	flex-direction: column;
	gap: 8px;
	margin: 2px 0 0 !important;
	padding: 0 !important;
}

html body.dt-mc .dt-mc-btn {
	position: relative;
	isolation: isolate;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 52px;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 24px !important;
	overflow: hidden;
	border: 0 !important;
	border-radius: 999px !important;
	font: 600 15px/1 var(--body) !important;
	letter-spacing: -0.01em;
	text-transform: none !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: transform 0.45s var(--spring), box-shadow 0.45s var(--ease), background 0.3s, color 0.3s !important;
}

html body.dt-mc .dt-mc-btn--block {
	display: flex !important;
	width: 100% !important;
}

html body.dt-mc .dt-mc-btn > :not(.dt-mc-icon) {
	position: relative;
	z-index: 1;
}

html body.dt-mc .dt-mc-btn .btn-fill,
html body.dt-mc .dt-mc-btn::after {
	display: none !important;
}

html body.dt-mc .dt-mc-btn--dark {
	background: var(--dark-bg) !important;
	box-shadow: var(--dark-shadow) !important;
	color: #fff !important;
}

/* A sheen sweeps across on hover. */
html body.dt-mc .dt-mc-btn--dark::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -60%;
	z-index: 0;
	width: 50%;
	background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.22), transparent);
	transform: skewX(-18deg);
	transition: left 0.8s var(--ease);
	pointer-events: none;
}

html body.dt-mc .dt-mc-btn--dark:hover {
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 20px 36px -14px rgba(10, 10, 10, 0.6) !important;
}

html body.dt-mc .dt-mc-btn--dark:hover::before {
	left: 120%;
}

html body.dt-mc .dt-mc-btn--glass {
	background: rgba(255, 255, 255, 0.8) !important;
	box-shadow: var(--chip-shadow) !important;
	color: var(--ink) !important;
}

html body.dt-mc .dt-mc-btn--glass:hover {
	background: #fff !important;
	color: var(--ink) !important;
	transform: translateY(-2px);
	box-shadow: inset 0 0 0 1px var(--line-2), inset 0 1px 0 #fff, 0 16px 28px -14px rgba(10, 10, 10, 0.35) !important;
}

html body.dt-mc .dt-mc-btn:active {
	transform: scale(0.97) !important;
}

html body.dt-mc .dt-mc-btn .dt-mc-icon {
	position: relative;
	z-index: 1;
	width: 18px;
	height: 18px;
}

html body.dt-mc .dt-mc-btn .dt-mc-arrow {
	transition: transform 0.5s var(--spring);
}

html body.dt-mc .dt-mc-btn:hover .dt-mc-arrow {
	transform: translateX(4px);
}

html body.dt-mc #cart-panel .dt-mc-checkout {
	height: 58px;
	padding: 0 22px 0 24px !important;
	font-size: 16px !important;
}

html body.dt-mc #cart-panel .dt-mc-checkout .dt-mc-icon--lock {
	width: 17px;
	height: 17px;
	opacity: 0.9;
}

html body.dt-mc #cart-panel .dt-mc-checkout__sep {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.45);
}

html body.dt-mc #cart-panel .dt-mc-checkout__amount,
html body.dt-mc #cart-panel .dt-mc-checkout__amount .amount {
	font: 700 16px/1 var(--display) !important;
	letter-spacing: -0.02em;
	color: #fff !important;
}

html body.dt-mc #cart-panel .dt-mc-checkout .dt-mc-arrow {
	margin-left: auto;
}

html body.dt-mc #cart-panel .dt-mc-checkout > span:first-of-type {
	margin-right: 0;
}

html body.dt-mc #cart-panel .dt-mc-checkout > .dt-mc-icon--lock {
	margin-right: -2px;
}

html body.dt-mc #cart-panel .dt-mc-viewcart {
	height: 46px;
	font-size: 14px !important;
}

/* Other buttons plugins add to the hook keep a sensible shape. */
html body.dt-mc #cart-panel .dt-mc-actions > :not(.dt-mc-btn) {
	width: 100%;
}

html body.dt-mc #cart-panel .dt-mc-pay {
	display: flex;
	justify-content: center;
	order: 10;
	margin: -2px 0 -4px;
}

html body.dt-mc #cart-panel .dt-mc-pay img {
	display: block;
	width: auto;
	max-width: 100%;
	height: 30px;
	object-fit: contain;
	opacity: 0.92;
}

/* =========================================================================
 * 5. Empty bag
 * ====================================================================== */

html body.dt-mc #cart-panel .dt-mc-empty {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: center;
	min-height: 0;
	padding: 24px var(--gutter) 28px;
	overflow-y: auto;
	text-align: center;
}

html body.dt-mc #cart-panel .dt-mc-empty__art {
	position: relative;
	display: grid;
	place-items: center;
	width: 132px;
	height: 132px;
	margin: 18px 0 22px;
}

html body.dt-mc #cart-panel .dt-mc-empty__ring {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(76, 217, 100, 0.22), rgba(76, 217, 100, 0) 68%);
	animation: dt-mc-breathe 3.6s ease-in-out infinite;
}

html body.dt-mc #cart-panel .dt-mc-empty__tile {
	position: relative;
	display: grid;
	place-items: center;
	width: 88px;
	height: 88px;
	border-radius: 28px;
	background: var(--glass-bg);
	box-shadow: var(--glass-shadow), 0 26px 44px -22px rgba(10, 10, 10, 0.4);
	color: var(--ink);
	animation: dt-mc-float 5s ease-in-out infinite;
}

html body.dt-mc #cart-panel .dt-mc-empty__tile .dt-mc-icon {
	width: 38px;
	height: 38px;
	stroke-width: 1.5;
}

html body.dt-mc #cart-panel .dt-mc-empty__spark {
	position: absolute;
	color: var(--green);
	animation: dt-mc-twinkle 2.6s ease-in-out infinite;
}

html body.dt-mc #cart-panel .dt-mc-empty__spark .dt-mc-icon {
	fill: currentColor;
	stroke-width: 1;
}

html body.dt-mc #cart-panel .dt-mc-empty__spark--a {
	top: 14px;
	right: 10px;
}

html body.dt-mc #cart-panel .dt-mc-empty__spark--a .dt-mc-icon {
	width: 20px;
	height: 20px;
}

html body.dt-mc #cart-panel .dt-mc-empty__spark--b {
	bottom: 20px;
	left: 12px;
	animation-delay: -1.3s;
}

html body.dt-mc #cart-panel .dt-mc-empty__spark--b .dt-mc-icon {
	width: 13px;
	height: 13px;
}

html body.dt-mc #cart-panel .dt-mc-empty__title {
	margin: 0 0 10px !important;
	font: 800 27px/1.05 var(--display) !important;
	letter-spacing: -0.04em;
	color: var(--ink) !important;
	text-transform: none !important;
}

html body.dt-mc #cart-panel .dt-mc-soft {
	display: block;
	color: rgba(10, 10, 10, 0.38);
}

html body.dt-mc #cart-panel .dt-mc-empty__lead {
	max-width: 300px;
	margin: 0 0 22px !important;
	font: 500 14px/1.55 var(--body);
	color: var(--muted);
}

html body.dt-mc #cart-panel .dt-mc-empty .dt-mc-btn {
	min-width: 220px;
}

html body.dt-mc #cart-panel .dt-mc-eyebrow {
	display: block;
	margin: 0 0 12px;
	font: 600 11px/1 var(--body);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--muted);
}

html body.dt-mc #cart-panel .dt-mc-empty__brands {
	width: 100%;
	margin-top: 34px;
}

html body.dt-mc #cart-panel .dt-mc-empty__brands ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

html body.dt-mc #cart-panel .dt-mc-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 12px 7px 7px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: var(--chip-shadow);
	font: 600 13px/1.2 var(--body);
	color: var(--ink) !important;
	text-align: left;
	text-decoration: none !important;
	transition: transform 0.45s var(--spring), box-shadow 0.3s;
}

html body.dt-mc #cart-panel .dt-mc-brand:hover {
	transform: translateY(-2px);
	box-shadow: inset 0 0 0 1px var(--line-2), inset 0 1px 0 #fff, 0 14px 24px -14px rgba(10, 10, 10, 0.35);
}

html body.dt-mc #cart-panel .dt-mc-brand__logo {
	display: grid;
	place-items: center;
	flex: none;
	width: 34px;
	height: 34px;
	overflow: hidden;
	border-radius: 50%;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--line);
	font: 800 14px/1 var(--display);
}

html body.dt-mc #cart-panel .dt-mc-brand__logo img {
	width: 80% !important;
	height: 80% !important;
	object-fit: contain;
}

html body.dt-mc #cart-panel.dt-mc--enter .dt-mc-empty > * {
	animation: dt-mc-rise 0.75s var(--ease) both;
}

html body.dt-mc #cart-panel.dt-mc--enter .dt-mc-empty > :nth-child(2) { animation-delay: 0.08s; }
html body.dt-mc #cart-panel.dt-mc--enter .dt-mc-empty > :nth-child(3) { animation-delay: 0.14s; }
html body.dt-mc #cart-panel.dt-mc--enter .dt-mc-empty > :nth-child(4) { animation-delay: 0.2s; }
html body.dt-mc #cart-panel.dt-mc--enter .dt-mc-empty > :nth-child(5) { animation-delay: 0.26s; }

/* Glozin's hidden shipping calculator copy (used by its popover). */
html body.dt-mc #cart-panel #mini-cart-shipping-calculator-items {
	display: none !important;
}

/* =========================================================================
 * 6. Recently viewed
 * ====================================================================== */

html body.dt-mc #cart-panel .dt-mc-recent {
	flex: 1 1 auto;
	min-height: 0;
	padding: 4px var(--gutter) 24px;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
}

html body.dt-mc #cart-panel .dt-mc-recent__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding: 6px 2px 12px;
}

html body.dt-mc #cart-panel .dt-mc-recent__title {
	margin: 0 !important;
	font: 800 22px/1.05 var(--display) !important;
	letter-spacing: -0.035em;
	color: var(--ink) !important;
	text-transform: none !important;
}

html body.dt-mc #cart-panel .dt-mc-recent__title span {
	color: rgba(10, 10, 10, 0.38);
}

html body.dt-mc #cart-panel .dt-mc-link {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	font: 600 12.5px/1.2 var(--body) !important;
	color: var(--muted) !important;
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 3px;
	cursor: pointer;
	transition: color 0.2s;
}

html body.dt-mc #cart-panel .dt-mc-link:hover {
	color: var(--ink) !important;
}

html body.dt-mc #cart-panel .dt-mc-recent__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

html body.dt-mc #cart-panel .dt-mc-rv {
	display: grid;
	grid-template-columns: 84px minmax(0, 1fr);
	gap: 14px;
	padding: 10px 12px 10px 10px;
	border-radius: 24px;
	background: var(--glass-bg);
	box-shadow: var(--glass-shadow);
	animation: dt-mc-rise 0.6s var(--ease) both;
	animation-delay: calc(var(--i, 0) * 0.05s);
}

html body.dt-mc #cart-panel .dt-mc-rv__media {
	position: relative;
	display: block;
	width: 84px;
	height: 84px;
	overflow: hidden;
	border-radius: 18px;
	background: radial-gradient(120% 90% at 30% 20%, #fff 0%, var(--stone) 70%);
}

html body.dt-mc #cart-panel .dt-mc-rv__media img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
	mix-blend-mode: multiply;
	transition: transform 0.7s var(--ease);
}

html body.dt-mc #cart-panel .dt-mc-rv:hover .dt-mc-rv__media img {
	transform: scale(1.06) rotate(-2deg);
}

html body.dt-mc #cart-panel .dt-mc-rv__body {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
	padding-top: 2px;
}

html body.dt-mc #cart-panel .dt-mc-rv__brand {
	font: 600 10.5px/1.2 var(--body);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--green-deep);
}

html body.dt-mc #cart-panel .dt-mc-rv__name {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font: 700 14px/1.28 var(--display);
	letter-spacing: -0.015em;
	color: var(--ink) !important;
	text-decoration: none !important;
}

html body.dt-mc #cart-panel .dt-mc-rv__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: auto;
	padding-top: 8px;
}

html body.dt-mc #cart-panel .dt-mc-rv__price {
	display: flex;
	align-items: baseline;
	gap: 6px;
	min-width: 0;
	font: 700 15px/1.2 var(--display);
	letter-spacing: -0.02em;
	color: var(--ink);
	white-space: nowrap;
}

html body.dt-mc #cart-panel .dt-mc-rv__price del {
	font: 500 12px/1.2 var(--body);
	color: var(--muted);
}

html body.dt-mc #cart-panel .dt-mc-rv__price.is-sale > span {
	color: var(--green-deep);
}

html body.dt-mc #cart-panel .dt-mc-rv__tag {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	align-self: flex-start;
	margin-top: 4px;
	padding: 3px 8px;
	border-radius: 999px;
	background: rgba(76, 217, 100, 0.14);
	font: 600 10.5px/1.2 var(--body);
	color: var(--green-deep);
}

html body.dt-mc #cart-panel .dt-mc-rv__tag .dt-mc-icon {
	width: 11px;
	height: 11px;
	stroke-width: 2.4;
}

html body.dt-mc #cart-panel .dt-mc-rv__tag--out {
	background: rgba(10, 10, 10, 0.06);
	color: var(--muted);
}

html body.dt-mc #cart-panel .dt-mc-rv__actions {
	display: flex;
	flex: none;
	gap: 6px;
}

html body.dt-mc #cart-panel .dt-mc-mini {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	height: 32px;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 0 !important;
	border-radius: 999px !important;
	font: 600 12px/1 var(--body) !important;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	transition: transform 0.4s var(--spring), background 0.25s, color 0.25s, box-shadow 0.25s !important;
}

html body.dt-mc #cart-panel .dt-mc-mini .dt-mc-icon {
	width: 14px;
	height: 14px;
	stroke-width: 2;
}

html body.dt-mc #cart-panel .dt-mc-mini--dark {
	background: var(--dark-bg) !important;
	box-shadow: var(--dark-shadow) !important;
	color: #fff !important;
}

html body.dt-mc #cart-panel .dt-mc-mini--glass {
	background: rgba(255, 255, 255, 0.9) !important;
	box-shadow: var(--chip-shadow) !important;
	color: var(--ink) !important;
}

html body.dt-mc #cart-panel .dt-mc-mini:hover {
	transform: translateY(-2px);
}

html body.dt-mc #cart-panel .dt-mc-mini--dark:hover {
	color: #fff !important;
}

html body.dt-mc #cart-panel .dt-mc-mini:active {
	transform: scale(0.93);
}

html body.dt-mc #cart-panel .dt-mc-mini.loading {
	pointer-events: none;
	color: transparent !important;
}

html body.dt-mc #cart-panel .dt-mc-mini.loading .dt-mc-icon {
	opacity: 0;
}

html body.dt-mc #cart-panel .dt-mc-mini.loading::after {
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
	left: calc(50% - 7px);
	border: 2px solid #fff;
	border-right-color: transparent;
	border-radius: 50%;
	animation: dt-mc-spin 0.7s linear infinite;
}

html body.dt-mc #cart-panel .dt-mc-mini {
	position: relative;
}

/* Skeleton. */
html body.dt-mc #cart-panel .dt-mc-skel {
	display: grid;
	grid-template-columns: 84px minmax(0, 1fr);
	gap: 14px;
	padding: 10px;
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.55);
	box-shadow: var(--chip-shadow);
}

html body.dt-mc #cart-panel .dt-mc-skel i {
	display: block;
	border-radius: 10px;
	background: linear-gradient(100deg, rgba(10, 10, 10, 0.05) 30%, rgba(10, 10, 10, 0.1) 50%, rgba(10, 10, 10, 0.05) 70%);
	background-size: 250% 100%;
	animation: dt-mc-shimmer 1.4s linear infinite;
}

html body.dt-mc #cart-panel .dt-mc-skel > i {
	height: 84px;
	border-radius: 18px;
}

html body.dt-mc #cart-panel .dt-mc-skel span {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-top: 4px;
}

html body.dt-mc #cart-panel .dt-mc-skel span i:nth-child(1) { width: 34%; height: 9px; }
html body.dt-mc #cart-panel .dt-mc-skel span i:nth-child(2) { width: 88%; height: 13px; }
html body.dt-mc #cart-panel .dt-mc-skel span i:nth-child(3) { width: 60%; height: 13px; }
html body.dt-mc #cart-panel .dt-mc-skel span i:nth-child(4) { width: 28%; height: 15px; margin-top: auto; }

/* Empty / error. */
html body.dt-mc #cart-panel .dt-mc-recent__empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 40px 12px 24px;
	text-align: center;
}

html body.dt-mc #cart-panel .dt-mc-recent__empty .dt-mc-empty__art {
	width: 112px;
	height: 112px;
	margin: 0 0 18px;
}

html body.dt-mc #cart-panel .dt-mc-recent__empty .dt-mc-empty__tile {
	width: 76px;
	height: 76px;
	border-radius: 24px;
}

html body.dt-mc #cart-panel .dt-mc-recent__empty .dt-mc-empty__tile .dt-mc-icon {
	width: 32px;
	height: 32px;
}

/* =========================================================================
 * 7. Sheets — Order note / Discount / Shipping
 * ====================================================================== */

html body.dt-mc #cart-panel .dt-mc-sheets {
	position: absolute;
	inset: 0;
	z-index: 20;
	overflow: hidden;
	border-radius: var(--radius);
	pointer-events: none;
}

html body.dt-mc #cart-panel .dt-mc-sheets[hidden] {
	display: none !important;
}

html body.dt-mc #cart-panel .dt-mc-sheets.is-open {
	pointer-events: auto;
}

html body.dt-mc #cart-panel .dt-mc-sheets__scrim {
	position: absolute;
	inset: 0;
	background: rgba(250, 250, 247, 0.35);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	opacity: 0;
	transition: opacity 0.45s var(--ease);
}

html body.dt-mc #cart-panel .dt-mc-sheets.is-open .dt-mc-sheets__scrim {
	opacity: 1;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

html body.dt-mc #cart-panel .dt-mc-sheet {
	position: absolute;
	right: 8px;
	bottom: 8px;
	left: 8px;
	display: flex;
	flex-direction: column;
	max-height: calc(100% - 70px);
	padding: 8px 20px 20px;
	overflow: hidden;
	border-radius: 26px 26px calc(var(--radius) - 6px) calc(var(--radius) - 6px);
	background: linear-gradient(170deg, rgba(255, 255, 255, 0.96), rgba(250, 250, 247, 0.94));
	box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 -2px 6px rgba(10, 10, 10, 0.04), 0 30px 70px -20px rgba(10, 10, 10, 0.45);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	transform: translate3d(0, calc(100% + 24px), 0);
	transition: transform 0.5s cubic-bezier(0.32, 0.72, 0, 1);
	will-change: transform;
}

html body.dt-mc #cart-panel .dt-mc-sheet[hidden] {
	display: none !important;
}

html body.dt-mc #cart-panel .dt-mc-sheet.is-open {
	transform: translate3d(0, var(--drag, 0px), 0);
	transition: transform 0.6s cubic-bezier(0.32, 0.72, 0, 1);
}

html body.dt-mc #cart-panel .dt-mc-sheet.is-dragging {
	transition: none;
}

html body.dt-mc .dt-mc-sheet__grabber {
	display: block;
	flex: none;
	width: 38px;
	height: 5px;
	margin: 0 auto 10px;
	border-radius: 999px;
	background: rgba(10, 10, 10, 0.16);
	cursor: grab;
	touch-action: none;
}

html body.dt-mc #cart-panel .dt-mc-sheet__head {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin-bottom: 18px;
}

html body.dt-mc #cart-panel .dt-mc-sheet__icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 46px;
	height: 46px;
	border-radius: 15px;
	background: var(--dark-bg);
	box-shadow: var(--dark-shadow);
	color: #fff;
}

html body.dt-mc #cart-panel .dt-mc-sheet.is-open .dt-mc-sheet__icon {
	animation: dt-mc-icon-pop 0.7s var(--spring) 0.12s both;
}

html body.dt-mc #cart-panel .dt-mc-sheet__icon .dt-mc-icon {
	width: 21px;
	height: 21px;
}

html body.dt-mc #cart-panel .dt-mc-sheet__heading {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
	padding-top: 2px;
}

html body.dt-mc #cart-panel .dt-mc-sheet__title {
	margin: 0 !important;
	font: 800 20px/1.1 var(--display) !important;
	letter-spacing: -0.03em;
	color: var(--ink) !important;
	text-transform: none !important;
}

html body.dt-mc #cart-panel .dt-mc-sheet__sub {
	margin: 0 !important;
	font: 500 13px/1.45 var(--body);
	color: var(--muted);
}

html body.dt-mc #cart-panel .dt-mc-sheet__sub strong {
	font-weight: 700;
	color: var(--ink);
}

html body.dt-mc .dt-mc-sheet__close {
	display: grid !important;
	place-items: center;
	flex: none;
	width: 36px !important;
	height: 36px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: rgba(10, 10, 10, 0.05) !important;
	box-shadow: none !important;
	color: var(--ink) !important;
	cursor: pointer;
	transition: transform 0.45s var(--spring), background 0.25s, color 0.25s !important;
}

html body.dt-mc .dt-mc-sheet__close .dt-mc-icon {
	width: 15px;
	height: 15px;
	stroke-width: 2.2;
}

html body.dt-mc .dt-mc-sheet__close:hover {
	background: var(--ink) !important;
	color: #fff !important;
	transform: rotate(90deg);
}

html body.dt-mc #cart-panel .dt-mc-sheet__body {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-height: 0;
	overflow-y: auto;
	margin: 0 -4px;
	padding: 2px 4px;
}

html body.dt-mc #cart-panel .dt-mc-sheet__foot {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	margin-top: 16px;
}

html body.dt-mc #cart-panel .dt-mc-sheet__hint {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0 !important;
	font: 500 12px/1.4 var(--body);
	color: var(--muted);
}

html body.dt-mc #cart-panel .dt-mc-sheet__hint .dt-mc-icon {
	width: 13px;
	height: 13px;
}

/* Floating-label fields. */
html body.dt-mc #cart-panel .dt-mc-field {
	position: relative;
	display: block;
	margin: 0;
}

html body.dt-mc #cart-panel .dt-mc-field :is(input, textarea) {
	display: block;
	width: 100% !important;
	height: 58px;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 24px 16px 8px !important;
	border: 0 !important;
	border-radius: 18px !important;
	background: #fff !important;
	box-shadow: inset 0 0 0 1px var(--line-2), 0 1px 2px rgba(10, 10, 10, 0.04) !important;
	font: 500 15px/1.4 var(--body) !important;
	color: var(--ink) !important;
	transition: box-shadow 0.25s var(--ease) !important;
}

html body.dt-mc #cart-panel .dt-mc-field textarea {
	height: 132px;
	padding-top: 28px !important;
	resize: none;
}

html body.dt-mc #cart-panel .dt-mc-field :is(input, textarea):focus {
	outline: none !important;
	box-shadow: inset 0 0 0 1.5px var(--ink), 0 0 0 5px rgba(10, 10, 10, 0.06) !important;
}

html body.dt-mc #cart-panel .dt-mc-field__label {
	position: absolute;
	top: 19px;
	left: 17px;
	font: 500 15px/1.2 var(--body);
	color: var(--muted);
	pointer-events: none;
	transform-origin: left top;
	transition: transform 0.3s var(--ease), color 0.3s;
}

html body.dt-mc #cart-panel .dt-mc-field :is(input, textarea):focus ~ .dt-mc-field__label,
html body.dt-mc #cart-panel .dt-mc-field :is(input, textarea):not(:placeholder-shown) ~ .dt-mc-field__label {
	color: var(--ink-2);
	transform: translateY(-10px) scale(0.76);
}

html body.dt-mc #cart-panel .dt-mc-field__count {
	position: absolute;
	right: 14px;
	bottom: 10px;
	font: 500 11px/1 var(--body);
	color: var(--muted);
	font-variant-numeric: tabular-nums;
}

html body.dt-mc #cart-panel .dt-mc-field--inline input {
	padding-right: 108px !important;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

html body.dt-mc #cart-panel .dt-mc-coupon__apply {
	position: absolute;
	top: 8px;
	right: 8px;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 88px;
	height: 42px;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--dark-bg) !important;
	box-shadow: var(--dark-shadow) !important;
	font: 600 14px/1 var(--body) !important;
	color: #fff !important;
	cursor: pointer;
	transition: transform 0.4s var(--spring), opacity 0.2s !important;
}

html body.dt-mc #cart-panel .dt-mc-coupon__apply:hover {
	transform: scale(1.04);
}

html body.dt-mc #cart-panel .dt-mc-coupon__apply:active {
	transform: scale(0.95);
}

html body.dt-mc #cart-panel .dt-mc-coupon__apply.loading > span {
	opacity: 0;
}

html body.dt-mc #cart-panel .dt-mc-coupon__apply.loading::after {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	border: 2px solid #fff;
	border-right-color: transparent;
	border-radius: 50%;
	animation: dt-mc-spin 0.7s linear infinite;
}

html body.dt-mc #cart-panel .dt-mc-coupon.is-shake {
	animation: dt-mc-shake 0.45s var(--ease);
}

/* Messages. */
html body.dt-mc #cart-panel .dt-mc-sheet__msg {
	display: none;
	align-items: flex-start;
	gap: 8px;
	margin: 0 !important;
	padding: 10px 12px;
	border-radius: 14px;
	font: 500 13px/1.4 var(--body);
}

html body.dt-mc #cart-panel .dt-mc-sheet__msg.is-error,
html body.dt-mc #cart-panel .dt-mc-sheet__msg.is-ok {
	display: flex;
	animation: dt-mc-rise 0.4s var(--ease) both;
}

html body.dt-mc #cart-panel .dt-mc-sheet__msg.is-error {
	background: rgba(210, 60, 60, 0.08);
	color: #a32626;
}

html body.dt-mc #cart-panel .dt-mc-sheet__msg.is-ok {
	background: rgba(76, 217, 100, 0.12);
	color: var(--green-deep);
}

html body.dt-mc #cart-panel .dt-mc-sheet__msg .dt-mc-icon {
	width: 16px;
	height: 16px;
	margin-top: 1px;
	stroke-width: 2;
}

html body.dt-mc #cart-panel .dt-mc-sheet__codes:empty {
	display: none;
}

/* Save note: the label morphs to a check. */
html body.dt-mc #cart-panel [data-dt-mc-note-save] .dt-mc-btn__done {
	position: absolute;
	left: calc(50% - 11px);
	width: 22px;
	height: 22px;
	stroke-width: 2.4;
	opacity: 0;
	transform: scale(0.4);
	transition: opacity 0.25s, transform 0.5s var(--spring);
}

html body.dt-mc #cart-panel [data-dt-mc-note-save] > span {
	transition: opacity 0.2s, transform 0.4s var(--ease);
}

html body.dt-mc #cart-panel [data-dt-mc-note-save].is-done {
	background: linear-gradient(145deg, #2fbf4a, #1a8030) !important;
}

html body.dt-mc #cart-panel [data-dt-mc-note-save].is-done > span {
	opacity: 0;
	transform: translateY(-8px);
}

html body.dt-mc #cart-panel [data-dt-mc-note-save].is-done .dt-mc-btn__done {
	opacity: 1;
	transform: scale(1);
}

html body.dt-mc #cart-panel .dt-mc-btn__done path {
	stroke-dasharray: 24;
	stroke-dashoffset: 24;
}

html body.dt-mc #cart-panel [data-dt-mc-note-save].is-done .dt-mc-btn__done path {
	animation: dt-mc-draw 0.45s 0.08s var(--ease) forwards;
}

/* Shipping calculator (WooCommerce's form). */
html body.dt-mc #cart-panel .dt-mc-ship .shipping-calculator-button {
	display: none !important;
}

html body.dt-mc #cart-panel .dt-mc-ship form.woocommerce-shipping-calculator {
	margin: 0 !important;
}

html body.dt-mc #cart-panel .dt-mc-ship .shipping-calculator-form {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 10px;
	margin: 0 !important;
	padding: 0 !important;
}

html body.dt-mc #cart-panel .dt-mc-ship .shipping-calculator-form > p {
	grid-column: 1 / -1;
	margin: 0 !important;
	padding: 0 !important;
}

html body.dt-mc #cart-panel .dt-mc-ship .shipping-calculator-form > p#calc_shipping_city_field,
html body.dt-mc #cart-panel .dt-mc-ship .shipping-calculator-form > p#calc_shipping_postcode_field {
	grid-column: auto;
}

html body.dt-mc #cart-panel .dt-mc-ship .shipping-calculator-form > p[style*="display: none"],
html body.dt-mc #cart-panel .dt-mc-ship .shipping-calculator-form > p.hidden {
	display: none !important;
}

html body.dt-mc #cart-panel .dt-mc-ship .shipping-calculator-form label {
	position: static !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	margin: 0 0 6px 4px !important;
	overflow: visible !important;
	clip: auto !important;
	clip-path: none !important;
	font: 600 11.5px/1.2 var(--body) !important;
	letter-spacing: 0.04em;
	color: var(--muted) !important;
	text-transform: uppercase;
	white-space: normal !important;
}

html body.dt-mc #cart-panel .dt-mc-ship .shipping-calculator-form :is(input.input-text, select) {
	display: block;
	width: 100% !important;
	height: 50px !important;
	margin: 0 !important;
	padding: 0 16px !important;
	border: 0 !important;
	border-radius: 16px !important;
	background-color: #fff !important;
	box-shadow: inset 0 0 0 1px var(--line-2) !important;
	font: 500 14.5px/1.2 var(--body) !important;
	color: var(--ink) !important;
}

html body.dt-mc #cart-panel .dt-mc-ship .shipping-calculator-form select {
	padding-right: 40px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a0a0a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	background-size: 16px !important;
	-webkit-appearance: none;
	appearance: none;
}

html body.dt-mc #cart-panel .dt-mc-ship .shipping-calculator-form :is(input.input-text, select):focus {
	outline: none !important;
	box-shadow: inset 0 0 0 1.5px var(--ink), 0 0 0 5px rgba(10, 10, 10, 0.06) !important;
}

html body.dt-mc #cart-panel .dt-mc-ship .select2-container {
	width: 100% !important;
}

html body.dt-mc #cart-panel .dt-mc-ship .select2-container .select2-selection--single {
	height: 50px !important;
	border: 0 !important;
	border-radius: 16px !important;
	background: #fff !important;
	box-shadow: inset 0 0 0 1px var(--line-2) !important;
}

html body.dt-mc #cart-panel .dt-mc-ship .select2-container .select2-selection__rendered {
	padding: 0 40px 0 16px !important;
	font: 500 14.5px/50px var(--body) !important;
	color: var(--ink) !important;
}

html body.dt-mc #cart-panel .dt-mc-ship .select2-container .select2-selection__arrow {
	top: 12px !important;
	right: 10px !important;
}

html body.dt-mc #cart-panel .dt-mc-ship .shipping-calculator-form button[name="calc_shipping"] {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	height: 52px !important;
	margin: 6px 0 0 !important;
	padding: 0 24px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--dark-bg) !important;
	box-shadow: var(--dark-shadow) !important;
	font: 600 15px/1 var(--body) !important;
	color: #fff !important;
	text-transform: none !important;
	cursor: pointer;
	transition: transform 0.45s var(--spring) !important;
}

html body.dt-mc #cart-panel .dt-mc-ship .shipping-calculator-form button[name="calc_shipping"] .btn-fill {
	display: none !important;
}

html body.dt-mc #cart-panel .dt-mc-ship .shipping-calculator-form button[name="calc_shipping"]:hover {
	color: #fff !important;
	transform: translateY(-2px);
}

html body.dt-mc #cart-panel .dt-mc-ship .shipping-calculator-form button[name="calc_shipping"].loading {
	color: transparent !important;
	pointer-events: none;
}

html body.dt-mc #cart-panel .dt-mc-ship .shipping-calculator-form button[name="calc_shipping"].loading::after {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	border: 2px solid #fff;
	border-right-color: transparent;
	border-radius: 50%;
	animation: dt-mc-spin 0.7s linear infinite;
}

html body.dt-mc #cart-panel .dt-mc-rates {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

html body.dt-mc #cart-panel .dt-mc-rates[hidden] {
	display: none;
}

html body.dt-mc #cart-panel .dt-mc-rate {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 16px;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--line-2);
	font: 500 13px/1.35 var(--body);
	color: var(--ink-2);
	animation: dt-mc-rise 0.5s var(--ease) both;
	animation-delay: calc(var(--i, 0) * 0.06s);
}

html body.dt-mc #cart-panel .dt-mc-rate.is-best {
	box-shadow: inset 0 0 0 1.5px var(--green-deep), 0 8px 20px -14px rgba(26, 128, 48, 0.6);
}

html body.dt-mc #cart-panel .dt-mc-rate .dt-mc-icon {
	width: 20px;
	height: 20px;
	color: var(--ink);
}

html body.dt-mc #cart-panel .dt-mc-rate__name {
	flex: 1 1 auto;
	min-width: 0;
}

html body.dt-mc #cart-panel .dt-mc-rate__price {
	font: 700 15px/1 var(--display);
	color: var(--ink);
	white-space: nowrap;
}

html body.dt-mc #cart-panel .dt-mc-rate__price.is-free {
	color: var(--green-deep);
}

html body.dt-mc #cart-panel .dt-mc-rates__title {
	margin: 4px 2px 0;
	font: 600 11px/1 var(--body);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--muted);
}

/* While a sheet is open the drawer behind gently recedes. */
html body.dt-mc #cart-panel.dt-mc--sheet .panel__header,
html body.dt-mc #cart-panel.dt-mc--sheet .dt-mc-view {
	transition: transform 0.5s var(--ease), filter 0.5s var(--ease);
	transform: scale(0.98);
}

html body.dt-mc #cart-panel .panel__header,
html body.dt-mc #cart-panel .dt-mc-view {
	transition: transform 0.5s var(--ease);
}

/* =========================================================================
 * 8. Undo toast
 * ====================================================================== */

html body.dt-mc #cart-panel .dt-mc-toast {
	position: absolute;
	right: var(--gutter);
	bottom: calc(var(--dt-mc-foot-h, 260px) + 12px);
	left: var(--gutter);
	z-index: 15;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 52px;
	padding: 8px 8px 8px 16px;
	border-radius: 999px;
	background: linear-gradient(145deg, rgba(36, 36, 38, 0.94), rgba(10, 10, 10, 0.92));
	box-shadow: var(--dark-shadow);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	color: #fff;
	opacity: 0;
	transform: translateY(16px) scale(0.96);
	transition: opacity 0.35s var(--ease), transform 0.5s var(--spring);
	pointer-events: none;
}

html body.dt-mc #cart-panel .dt-mc-toast.is-in {
	opacity: 1;
	transform: none;
	pointer-events: auto;
}

html body.dt-mc #cart-panel .dt-mc-toast__thumb {
	flex: none;
	width: 34px;
	height: 34px;
	overflow: hidden;
	border-radius: 10px;
	background: #fff;
}

html body.dt-mc #cart-panel .dt-mc-toast__thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
}

html body.dt-mc #cart-panel .dt-mc-toast__text {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

html body.dt-mc #cart-panel .dt-mc-toast__text b {
	font: 600 13px/1.2 var(--body);
}

html body.dt-mc #cart-panel .dt-mc-toast__text small {
	overflow: hidden;
	font: 500 11.5px/1.2 var(--body);
	color: rgba(255, 255, 255, 0.62);
	text-overflow: ellipsis;
	white-space: nowrap;
}

html body.dt-mc #cart-panel .dt-mc-toast__undo {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	gap: 7px;
	flex: none;
	height: 38px;
	margin: 0 !important;
	padding: 0 14px 0 10px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, 0.12) !important;
	font: 700 13px/1 var(--body) !important;
	color: var(--green) !important;
	cursor: pointer;
	transition: background 0.2s, transform 0.35s var(--spring);
}

html body.dt-mc #cart-panel .dt-mc-toast__undo:hover {
	background: rgba(255, 255, 255, 0.2) !important;
}

html body.dt-mc #cart-panel .dt-mc-toast__undo:active {
	transform: scale(0.94);
}

html body.dt-mc #cart-panel .dt-mc-toast__ring {
	width: 20px;
	height: 20px;
	transform: rotate(-90deg);
}

html body.dt-mc #cart-panel .dt-mc-toast__ring circle {
	fill: none;
	stroke-width: 2.4;
}

html body.dt-mc #cart-panel .dt-mc-toast__ring circle:first-child {
	stroke: rgba(255, 255, 255, 0.16);
}

html body.dt-mc #cart-panel .dt-mc-toast__ring circle:last-child {
	stroke: var(--green);
	stroke-dasharray: 50.27;
	stroke-dashoffset: 0;
	stroke-linecap: round;
}

html body.dt-mc #cart-panel .dt-mc-toast.is-in .dt-mc-toast__ring circle:last-child {
	animation: dt-mc-countdown var(--t, 5s) linear forwards;
}

/* =========================================================================
 * 9. Edit item (Glozin's quick edit modal)
 * ====================================================================== */

html body.dt-mc #quick-edit-modal#quick-edit-modal .modal__backdrop {
	background: rgba(17, 17, 17, 0.32) !important;
	-webkit-backdrop-filter: blur(8px) saturate(140%);
	backdrop-filter: blur(8px) saturate(140%);
}

/* Centred with `translate` so the entrance animation (transform) can't
   undo it. */
html body.dt-mc #quick-edit-modal#quick-edit-modal .modal__container {
	position: fixed !important;
	top: 50% !important;
	right: auto !important;
	bottom: auto !important;
	left: 50% !important;
	translate: -50% -50%;
	transform: none;
	width: min(560px, calc(100vw - 32px)) !important;
	max-width: none !important;
	max-height: calc(100dvh - 48px) !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	border-radius: 30px !important;
	background: var(--paper) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 40px 90px -30px rgba(10, 10, 10, 0.5) !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .modal__wrapper {
	display: flex;
	flex-direction: column;
	max-height: calc(100dvh - 48px);
	padding: 0 !important;
	background: none !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .dt-mc-sheet__grabber {
	display: none;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .modal__header {
	display: flex !important;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
	margin: 0 !important;
	padding: 22px 22px 6px 24px !important;
	border: 0 !important;
	background: none !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .dt-mc-edit__heading {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .modal__title {
	margin: 0 !important;
	font: 800 22px/1.1 var(--display) !important;
	letter-spacing: -0.035em;
	color: var(--ink) !important;
	text-transform: none !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .dt-mc-edit__sub {
	font: 500 13px/1.45 var(--body);
	color: var(--muted);
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .modal__button-close {
	position: static !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .modal__button-close::before,
html body.dt-mc #quick-edit-modal#quick-edit-modal .modal__button-close::after {
	display: none !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .modal__content {
	min-height: 0;
	margin: 0 !important;
	padding: 14px 24px 22px !important;
	overflow-y: auto;
	background: none !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .modal__product {
	margin: 0 !important;
	padding: 0 !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .dt-mc-editform,
html body.dt-mc #quick-edit-modal#quick-edit-modal .edit-popup {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .product-content {
	display: flex !important;
	flex-direction: column;
	gap: 18px !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .product-content .column-custom {
	display: grid !important;
	grid-template-columns: 96px minmax(0, 1fr);
	gap: 16px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 12px !important;
	border: 0 !important;
	border-radius: 24px;
	background: var(--glass-bg);
	box-shadow: var(--glass-shadow);
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .product-content .product-thumbnail {
	width: 96px !important;
	max-width: none !important;
	height: 96px;
	margin: 0 !important;
	overflow: hidden;
	border-radius: 18px !important;
	background: radial-gradient(120% 90% at 30% 20%, #fff 0%, var(--stone) 70%);
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .product-content .product-thumbnail img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
	border-radius: 0 !important;
	mix-blend-mode: multiply;
	transition: opacity 0.3s;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .product-summary {
	display: flex !important;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	min-width: 0;
	padding: 0 !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .product-summary .product_title {
	margin: 0 !important;
	font: 700 16px/1.28 var(--display) !important;
	letter-spacing: -0.02em;
	color: var(--ink) !important;
	text-transform: none !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .product-summary .product-price {
	margin: 0 0 6px !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .product-summary .price,
html body.dt-mc #quick-edit-modal#quick-edit-modal .product-summary .price .amount {
	margin: 0 !important;
	font: 700 15px/1.2 var(--display) !important;
	color: var(--ink) !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .product-summary .price del,
html body.dt-mc #quick-edit-modal#quick-edit-modal .product-summary .price del .amount {
	font-weight: 500 !important;
	color: var(--muted) !important;
}

/* Quantity stepper (WooCommerce's input + Glozin's buttons). */
html body.dt-mc #quick-edit-modal#quick-edit-modal .quantity {
	display: inline-flex !important;
	align-items: center;
	width: auto !important;
	height: 38px !important;
	margin: auto 0 0 !important;
	padding: 0 3px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, 0.92) !important;
	box-shadow: var(--chip-shadow) !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .quantity .glozin-qty-button {
	display: grid !important;
	place-items: center;
	width: 32px !important;
	height: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 50%;
	color: var(--ink);
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .quantity .glozin-qty-button:hover {
	background: var(--ink);
	color: #fff;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .quantity .glozin-qty-button svg {
	width: 11px;
	height: 11px;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .quantity input.qty {
	width: 32px !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	font: 700 14px/1 var(--body) !important;
	color: var(--ink) !important;
	text-align: center;
	-moz-appearance: textfield;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .quantity input.qty::-webkit-inner-spin-button,
html body.dt-mc #quick-edit-modal#quick-edit-modal .quantity input.qty::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

/* Size grid. The deltitech-size-selector plugin hides every native size
   row on product pages (see dt-overlays.css, quick view). */
html body.dt-mc #quick-edit-modal#quick-edit-modal .variations tr:has(select[data-attribute_name*="shoe-size"]),
html body.dt-mc #quick-edit-modal#quick-edit-modal .variations tr:has(select[name*="shoe-size"]) {
	visibility: visible !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal table.variations {
	display: block !important;
	flex: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	border: 0 !important;
	table-layout: auto !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal table.variations tbody,
html body.dt-mc #quick-edit-modal#quick-edit-modal table.variations tr {
	display: block !important;
	width: 100% !important;
	border: 0 !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .wcboost-variation-swatches {
	display: block !important;
	width: 100% !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .wcboost-variation-swatches select {
	display: none !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal table.variations :is(th, td) {
	display: block !important;
	width: 100% !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	text-align: left !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal table.variations th.label {
	margin: 0 0 10px !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal table.variations th.label label {
	display: flex !important;
	align-items: baseline;
	gap: 8px;
	margin: 0 !important;
	font: 600 11px/1.2 var(--body) !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--muted) !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal table.variations th.label .wcboost-variation-swatches__selected-label::before,
html body.dt-mc #quick-edit-modal#quick-edit-modal table.variations th.label label::after {
	content: none !important;
	display: none !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal table.variations th.label .wcboost-variation-swatches__selected-label {
	font: 700 13px/1.2 var(--body) !important;
	letter-spacing: 0;
	text-transform: none;
	color: var(--ink) !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal table.variations td.value {
	padding: 0 !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .wcboost-variation-swatches__wrapper {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(66px, 1fr));
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .wcboost-variation-swatches__item {
	position: relative;
	display: grid !important;
	place-items: center;
	width: auto !important;
	min-width: 0 !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 6px !important;
	border: 0 !important;
	border-radius: 14px !important;
	background: #fff !important;
	box-shadow: inset 0 0 0 1px var(--line-2), 0 1px 2px rgba(10, 10, 10, 0.04) !important;
	font: 600 13.5px/1 var(--body) !important;
	color: var(--ink) !important;
	cursor: pointer;
	transition: transform 0.4s var(--spring), background 0.25s, color 0.25s, box-shadow 0.25s !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .wcboost-variation-swatches__item::before,
html body.dt-mc #quick-edit-modal#quick-edit-modal .wcboost-variation-swatches__item::after {
	display: none !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .wcboost-variation-swatches__item .wcboost-variation-swatches__name {
	font: inherit !important;
	color: inherit !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .wcboost-variation-swatches__item:hover {
	box-shadow: inset 0 0 0 1.5px var(--ink), 0 8px 16px -10px rgba(10, 10, 10, 0.4) !important;
	transform: translateY(-1px);
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .wcboost-variation-swatches__item.selected {
	background: var(--dark-bg) !important;
	box-shadow: var(--dark-shadow) !important;
	color: #fff !important;
	transform: scale(1.03);
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .wcboost-variation-swatches__item.disabled {
	background: rgba(10, 10, 10, 0.03) !important;
	box-shadow: inset 0 0 0 1px var(--line) !important;
	color: rgba(10, 10, 10, 0.3) !important;
	cursor: not-allowed;
	transform: none !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name {
	text-decoration: line-through;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .reset_variations {
	display: none !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .single_variation_wrap,
html body.dt-mc #quick-edit-modal#quick-edit-modal .woocommerce-variation {
	display: none !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .dt-mc-editform__actions,
html body.dt-mc #quick-edit-modal#quick-edit-modal .variations_button {
	position: sticky;
	bottom: -22px;
	margin: 0 -24px -22px !important;
	padding: 14px 24px 22px !important;
	background: linear-gradient(180deg, rgba(250, 250, 247, 0), var(--paper) 30%) !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .quick_edit_add_to_cart_button {
	display: flex !important;
	width: 100% !important;
	height: 56px !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .quick_edit_add_to_cart_button .btn-fill,
html body.dt-mc #quick-edit-modal#quick-edit-modal .quick_edit_add_to_cart_button .concept-hover-text {
	display: contents !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .quick_edit_add_to_cart_button.disabled {
	opacity: 0.4;
	cursor: not-allowed;
	transform: none !important;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .quick_edit_add_to_cart_button.loading {
	color: transparent !important;
	pointer-events: none;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal .quick_edit_add_to_cart_button.loading::after {
	content: "" !important;
	display: block !important;
	position: absolute;
	width: 18px;
	height: 18px;
	border: 2px solid #fff;
	border-right-color: transparent;
	border-radius: 50%;
	background: none !important;
	animation: dt-mc-spin 0.7s linear infinite;
}

/* Rise in as the modal opens. */
html body.dt-mc #quick-edit-modal#quick-edit-modal.modal--open .modal__container {
	animation: dt-mc-modal-in 0.6s var(--spring) both;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal.modal--open .product-content > * {
	animation: dt-mc-rise 0.6s var(--ease) both;
}

html body.dt-mc #quick-edit-modal#quick-edit-modal.modal--open .product-content > :nth-child(2) {
	animation-delay: 0.08s;
}

/* =========================================================================
 * 10. Phones — the drawer becomes a full-height sheet
 * ====================================================================== */

@media (max-width: 767px) {
	html body.dt-mc #cart-panel,
	html body.dt-mc #quick-edit-modal#quick-edit-modal {
		--gutter: 16px;
		--inset: 0px;
		--radius: 28px;
	}

	html body.dt-mc #cart-panel .panel__container {
		top: max(8px, env(safe-area-inset-top)) !important;
		width: 100% !important;
		max-width: 100% !important;
		border-radius: var(--radius) 0 0 var(--radius) !important;
	}

	html body.dt-mc.admin-bar #cart-panel .panel__container {
		top: calc(var(--dt-admin-bar, 0px) + 8px) !important;
	}

	html body.dt-mc #cart-panel .panel__content {
		border-radius: 0 0 0 var(--radius);
	}

	html body.dt-mc #cart-panel .dt-mc-sheets {
		border-radius: var(--radius) 0 0 var(--radius);
	}

	html body.dt-mc #cart-panel .panel__header {
		padding: 14px 12px 10px var(--gutter) !important;
	}

	html body.dt-mc #cart-panel .dt-mc-tab {
		padding: 0 12px 0 10px !important;
		font-size: 13px !important;
	}

	html body.dt-mc #cart-panel .dt-mc-foot {
		padding-bottom: max(14px, env(safe-area-inset-bottom)) !important;
		border-radius: 24px 24px 0 var(--radius);
	}

	html body.dt-mc #cart-panel li.dt-mc-item {
		grid-template-columns: 84px minmax(0, 1fr);
		gap: 12px;
	}

	html body.dt-mc #cart-panel .dt-mc-item__media {
		width: 84px !important;
		height: 84px;
	}

	html body.dt-mc #cart-panel .dt-mc-sheet {
		right: 6px;
		bottom: max(6px, env(safe-area-inset-bottom));
		left: 6px;
	}

	/* Edit item: a bottom sheet. */
	html body.dt-mc #quick-edit-modal#quick-edit-modal .modal__container {
		position: fixed !important;
		top: auto !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		width: 100% !important;
		max-height: calc(100dvh - 40px) !important;
		border-radius: 28px 28px 0 0 !important;
		translate: none;
	}

	html body.dt-mc #quick-edit-modal#quick-edit-modal .modal__wrapper {
		max-height: calc(100dvh - 40px);
	}

	html body.dt-mc #quick-edit-modal#quick-edit-modal .dt-mc-sheet__grabber {
		display: block;
		margin: 8px auto 0;
	}

	html body.dt-mc #quick-edit-modal#quick-edit-modal .modal__header {
		padding: 12px 16px 4px 20px !important;
	}

	html body.dt-mc #quick-edit-modal#quick-edit-modal .modal__content {
		padding: 12px 20px max(20px, env(safe-area-inset-bottom)) !important;
	}

	html body.dt-mc #quick-edit-modal#quick-edit-modal .dt-mc-editform__actions,
	html body.dt-mc #quick-edit-modal#quick-edit-modal .variations_button {
		margin: 0 -20px calc(max(20px, env(safe-area-inset-bottom)) * -1) !important;
		padding: 14px 20px max(20px, env(safe-area-inset-bottom)) !important;
	}

	html body.dt-mc #quick-edit-modal#quick-edit-modal.modal--open .modal__container {
		animation: dt-mc-sheet-in 0.6s cubic-bezier(0.32, 0.72, 0, 1) both;
	}

	html body.dt-mc #quick-edit-modal#quick-edit-modal .wcboost-variation-swatches__wrapper {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 380px) {
	html body.dt-mc #cart-panel .dt-mc-tab > .dt-mc-icon {
		display: none;
	}

	html body.dt-mc #cart-panel .dt-mc-extra {
		padding: 0 8px !important;
		font-size: 12px !important;
	}
}

/* =========================================================================
 * 11. Keyframes + reduced motion
 * ====================================================================== */

@keyframes dt-mc-drift {
	from { transform: translate3d(0, 0, 0) scale(1); }
	to { transform: translate3d(30px, 24px, 0) scale(1.12); }
}

@keyframes dt-mc-rise {
	from { opacity: 0; transform: translate3d(0, 14px, 0); }
	to { opacity: 1; transform: none; }
}

@keyframes dt-mc-fade {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes dt-mc-remove {
	0% { opacity: 1; transform: none; max-height: 220px; }
	45% { opacity: 0; transform: translateX(36px) scale(0.96); max-height: 220px; margin-bottom: 0; }
	100% { opacity: 0; transform: translateX(36px) scale(0.96); max-height: 0; padding-top: 0; padding-bottom: 0; margin-top: -10px; }
}

@keyframes dt-mc-bump {
	0% { transform: scale(1); }
	35% { transform: scale(1.35); }
	100% { transform: scale(1); }
}

@keyframes dt-mc-num-up {
	from { opacity: 0; transform: translateY(70%); }
	to { opacity: 1; transform: none; }
}

@keyframes dt-mc-num-down {
	from { opacity: 0; transform: translateY(-70%); }
	to { opacity: 1; transform: none; }
}

@keyframes dt-mc-pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.4; }
}

@keyframes dt-mc-spin {
	to { transform: rotate(360deg); }
}

@keyframes dt-mc-wiggle {
	0%, 100% { transform: rotate(0); }
	25% { transform: rotate(-14deg); }
	55% { transform: rotate(10deg); }
	80% { transform: rotate(-4deg); }
}

@keyframes dt-mc-twinkle {
	0%, 100% { opacity: 1; transform: scale(1) rotate(0); }
	50% { opacity: 0.55; transform: scale(0.75) rotate(20deg); }
}

@keyframes dt-mc-breathe {
	0%, 100% { transform: scale(0.88); opacity: 0.7; }
	50% { transform: scale(1.08); opacity: 1; }
}

@keyframes dt-mc-float {
	0%, 100% { transform: translateY(0) rotate(-3deg); }
	50% { transform: translateY(-8px) rotate(2deg); }
}

@keyframes dt-mc-shimmer {
	from { background-position: 100% 0; }
	to { background-position: -150% 0; }
}

@keyframes dt-mc-icon-pop {
	from { opacity: 0; transform: scale(0.4) rotate(-20deg); }
	to { opacity: 1; transform: none; }
}

@keyframes dt-mc-shake {
	0%, 100% { transform: translateX(0); }
	20% { transform: translateX(-8px); }
	40% { transform: translateX(7px); }
	60% { transform: translateX(-4px); }
	80% { transform: translateX(2px); }
}

@keyframes dt-mc-draw {
	to { stroke-dashoffset: 0; }
}

@keyframes dt-mc-pop-out {
	to { opacity: 0; transform: scale(0.6); }
}

@keyframes dt-mc-countdown {
	to { stroke-dashoffset: 50.27; }
}

@keyframes dt-mc-modal-in {
	from { opacity: 0; transform: translateY(24px) scale(0.96); }
	to { opacity: 1; transform: none; }
}

@keyframes dt-mc-sheet-in {
	from { transform: translateY(100%); }
	to { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	html body.dt-mc #cart-panel *,
	html body.dt-mc #cart-panel *::before,
	html body.dt-mc #cart-panel *::after,
	html body.dt-mc #quick-edit-modal#quick-edit-modal *,
	html body.dt-mc #quick-edit-modal#quick-edit-modal *::before,
	html body.dt-mc #quick-edit-modal#quick-edit-modal *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}