/**

 * Header mini-cart dropdown.

 */



.itm-header-cart {

	position: relative;

	display: inline-flex;

	align-items: center;

	z-index: 1101;

}



.itm-header-cart.is-open .itm-cart-toggle {

	background: rgba(0, 0, 0, 0.05);

}



.itm-header-cart-count.is-empty {

	display: none;

}



.itm-mini-cart-dropdown {

	position: absolute;

	top: calc(100% + 12px);

	right: 0;

	width: min(360px, calc(100vw - 24px));

	z-index: 1200;

	opacity: 0;

	visibility: hidden;

	transform: translateY(-8px) scale(0.98);

	transform-origin: top right;

	transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;

	pointer-events: none;

}



.itm-header-cart.is-open .itm-mini-cart-dropdown {

	opacity: 1;

	visibility: visible;

	transform: translateY(0) scale(1);

	pointer-events: auto;

}



.itm-mini-cart-dropdown[hidden] {

	display: block !important;

}



.itm-mini-cart-panel {

	background: var(--itm-bg-elevated, #fff);

	border: 1px solid var(--itm-border);

	border-radius: 12px;

	box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12);

	overflow: hidden;

}



.itm-mini-cart-head {

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 0.75rem 1rem;

	border-bottom: 1px solid var(--itm-border);

}



.itm-mini-cart-title {

	margin: 0;

	font-size: 1rem;

	font-weight: 700;

	color: var(--itm-heading);

}



.itm-mini-cart-close {

	border: 0;

	background: transparent;

	font-size: 1.35rem;

	line-height: 1;

	cursor: pointer;

	color: var(--itm-text-muted);

	padding: 0.15rem 0.35rem;

}



.itm-mini-cart-body {

	max-height: min(50vh, 320px);

	overflow-y: auto;

	padding: 0.75rem 1rem;

}



.itm-mini-cart-empty {

	margin: 0;

	color: var(--itm-text-muted);

	font-size: 0.9rem;

}



.itm-mini-cart-lines {

	list-style: none;

	margin: 0;

	padding: 0;

	display: flex;

	flex-direction: column;

	gap: 0.85rem;

}



.itm-mini-cart-line__main {

	display: flex;

	gap: 0.65rem;

	align-items: flex-start;

}



.itm-mini-cart-line__thumb {

	width: 48px;

	height: 48px;

	object-fit: cover;

	border-radius: 8px;

	flex-shrink: 0;

}



.itm-mini-cart-line__title {

	display: block;

	font-size: 0.88rem;

	font-weight: 600;

	color: var(--itm-heading);

	text-decoration: none;

	line-height: 1.3;

}



.itm-mini-cart-line__price {

	font-size: 0.82rem;

	color: var(--itm-text-muted);

}



.itm-mini-cart-line__qty {

	display: flex;

	align-items: center;

	gap: 0.35rem;

	margin-top: 0.45rem;

	flex-wrap: wrap;

}



.itm-mini-cart-qty-btn {

	width: 28px;

	height: 28px;

	border: 1px solid var(--itm-border);

	border-radius: var(--itm-btn-radius, 4px);

	background: #fff;

	cursor: pointer;

	font-size: 1rem;

	line-height: 1;

}



.itm-mini-cart-line__qty input[type="number"] {

	width: 44px;

	text-align: center;

	padding: 0.2rem;

	border: 1px solid var(--itm-border);

	border-radius: var(--itm-btn-radius, 4px);

	font: inherit;

}



.itm-mini-cart-remove {

	border: 0;

	background: none;

	color: var(--itm-accent);

	font-size: 0.78rem;

	font-weight: 600;

	cursor: pointer;

	margin-left: auto;

}



.itm-mini-cart-foot {

	padding: 0.75rem 1rem 1rem;

	border-top: 1px solid var(--itm-border);

}



.itm-mini-cart-subtotal {

	margin: 0 0 0.65rem;

	font-size: 0.9rem;

}



.itm-mini-cart-actions {

	display: flex;

	gap: 0.5rem;

	flex-wrap: wrap;

}



@media (max-width: 900px) {

	.itm-header-cart-slot .itm-mini-cart-dropdown {

		position: fixed;

		top: 72px;

		right: 12px;

		left: 12px;

		width: auto;

	}

}



html.itm-app-active .itm-app-topbar__cart .itm-header-cart.is-open .itm-mini-cart-dropdown {

	opacity: 1;

	visibility: visible;

	transform: none;

	pointer-events: auto;

}