/* Cart drawer: clearer, more polished layout and unmistakable quantity buttons. */
.ongle24-cart-drawer {
	box-shadow: -20px 0 60px rgba(0, 0, 0, .18);
}

.ongle24-cart-drawer__head {
	padding: 22px 24px;
}

.ongle24-cart-drawer__title {
	font-size: 1.15rem;
	letter-spacing: -.01em;
}

.ongle24-cart-drawer__head .ongle24-added__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 50%;
	background: #fff;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.ongle24-cart-drawer__head .ongle24-added__close:hover {
	background: #111;
	border-color: #111;
	color: #fff;
}

.ongle24-cart-drawer__body {
	padding: 6px 24px;
}

.ongle24-cart-drawer .ongle24-cart-line {
	grid-template-columns: 84px minmax(0, 1fr) auto;
	gap: 16px;
	padding: 20px 0;
	align-items: start;
}

.ongle24-cart-drawer .ongle24-cart-line__img {
	width: 84px;
	border-radius: 12px;
	background: #f7f5f1;
}

.ongle24-cart-drawer .ongle24-cart-line__name {
	font-size: 15px;
	line-height: 1.35;
	margin: 0 0 4px;
}

.ongle24-cart-drawer .ongle24-cart-line__sub {
	font-size: 12px;
	margin: 0 0 10px;
}

.ongle24-cart-drawer .ongle24-cart-line__price {
	font-size: 15px;
	font-weight: 500;
	white-space: nowrap;
}

.ongle24-cart-drawer .ongle24-cart-line [data-remove-item] {
	font-size: 12px;
	color: rgba(0, 0, 0, .55);
}

.ongle24-cart-drawer .ongle24-cart-line [data-remove-item]:hover {
	color: #111;
}

/* quantity stepper: explicit circular buttons, not plain glyphs */
.ongle24-cart-drawer .ongle24-qty {
	display: inline-flex;
	align-items: center;
	height: 36px;
	border: 1px solid rgba(0, 0, 0, .18);
	border-radius: 999px;
	background: #fff;
	overflow: hidden;
}

.ongle24-cart-drawer .ongle24-qty button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #111;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
}

.ongle24-cart-drawer .ongle24-qty button:hover {
	background: #111;
	color: #fff;
}

.ongle24-cart-drawer .ongle24-qty button:active {
	background: #e9543f;
	color: #fff;
}

.ongle24-cart-drawer .ongle24-qty span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 36px;
	font-size: 14px;
	font-variant-numeric: tabular-nums;
}

.ongle24-cart-drawer__foot {
	padding: 20px 24px 26px;
}

.ongle24-cart-drawer .ongle24-free-ship {
	font-size: 12.5px;
	margin: 0 0 12px;
}

.ongle24-cart-drawer .ongle24-free-ship__bar {
	height: 5px;
	border-radius: 999px;
	margin-top: 8px;
}

.ongle24-cart-drawer .ongle24-free-ship__bar span {
	background: #e9543f;
}

.ongle24-cart-drawer .ongle24-subtotal-row {
	margin: 18px 0 16px;
	font-size: 16px;
}

.ongle24-cart-drawer .ongle24-drawer-actions {
	gap: 12px;
}

.ongle24-cart-drawer .ongle24-drawer-actions .button {
	min-height: 48px;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 500;
}

@media screen and (max-width: 480px) {
	.ongle24-cart-drawer .ongle24-cart-line {
		grid-template-columns: 72px minmax(0, 1fr) auto;
		gap: 12px;
	}
	.ongle24-cart-drawer .ongle24-cart-line__img { width: 72px; }
}

/* Cart page: same clear quantity control, centred in its column. */
.ongle24-cart-table td:nth-child(2) { text-align: center; }
.ongle24-cart-table .ongle24-qty { margin: 0 auto; }
.ongle24-cart-table .ongle24-qty button:disabled { opacity: .45; cursor: wait; }
.ongle24-cart-table tr.is-updating { opacity: .6; }

.ongle24-qty {
	display: inline-flex;
	align-items: center;
	height: 36px;
	border: 1px solid rgba(0, 0, 0, .18);
	border-radius: 999px;
	background: #fff;
	overflow: hidden;
}
.ongle24-qty button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #111;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
}
.ongle24-qty button:hover { background: #111; color: #fff; }
.ongle24-qty button:active { background: #e9543f; color: #fff; }
.ongle24-qty span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 36px;
	font-size: 14px;
	font-variant-numeric: tabular-nums;
}