.shop-sidebar__section {
	padding: var(--listiko-space-3);
	border: 1px solid var(--listiko-color-border);
	border-radius: var(--listiko-radius-md);
	background-color: var(--listiko-color-surface);
}

.shop-sidebar__shipping-heading {
	display: flex;
	align-items: center;
	gap: var(--listiko-space-2);
	margin: 0 0 var(--listiko-space-2);
	font-size: 1rem;
}

.shop-sidebar__shipping-icon {
	width: 1.25rem;
	height: 1.25rem;
	color: var(--listiko-color-accent);
}

.shop-sidebar__shipping-text {
	margin: 0 0 var(--listiko-space-2);
	font-size: 0.875rem;
}

.shop-sidebar__shipping-amount {
	color: var(--listiko-color-accent);
}

.shop-sidebar__shipping-goal {
	margin: var(--listiko-space-1) 0 0;
	color: var(--listiko-color-text-muted);
	font-size: 0.75rem;
	text-align: right;
}

.shop-sidebar__progress {
	overflow: hidden;
	height: 0.5rem;
	border-radius: var(--listiko-radius-pill);
	background-color: var(--listiko-color-border);
}

.shop-sidebar__progress-bar {
	display: block;
	height: 100%;
	background-color: var(--listiko-color-accent);
	transition: width var(--listiko-transition-fast);
}

.shop-sidebar__recent-heading {
	margin: 0;
	font-size: 1rem;
}

.shop-sidebar__recent-toggle {
	display: flex;
	width: 100%;
	align-items: center;
	gap: var(--listiko-space-2);
	padding: 0;
	border: none;
	background: none;
	color: var(--listiko-color-text);
	font-weight: 600;
	font-size: inherit;
	font-family: inherit;
	cursor: pointer;
}

.shop-sidebar__recent-toggle span {
	flex: 1 1 auto;
	text-align: left;
}

.shop-sidebar__recent-icon {
	width: 1.25rem;
	height: 1.25rem;
	color: var(--listiko-color-accent);
}

.shop-sidebar__recent-chevron {
	width: 1rem;
	height: 1rem;
	transform: rotate(-90deg);
	transition: transform var(--listiko-transition-fast);
}

.shop-sidebar__recent-toggle[aria-expanded="false"] .shop-sidebar__recent-chevron {
	transform: rotate(90deg);
}

.shop-sidebar__recent-list {
	display: flex;
	flex-direction: column;
	gap: var(--listiko-space-2);
	margin: var(--listiko-space-3) 0 0;
	padding: 0;
	list-style: none;
}

.shop-sidebar__recent-link {
	display: flex;
	align-items: center;
	gap: var(--listiko-space-2);
	color: var(--listiko-color-text);
}

.shop-sidebar__recent-link:hover {
	text-decoration: none;
}

.shop-sidebar__recent-image {
	flex: 0 0 auto;
	width: 3rem;
	height: 3rem;
	overflow: hidden;
	border-radius: var(--listiko-radius-sm);
}

.shop-sidebar__recent-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.shop-sidebar__recent-info {
	display: flex;
	flex-direction: column;
	gap: var(--listiko-space-1);
	font-size: 0.875rem;
}

.shop-sidebar__recent-price {
	color: var(--listiko-color-accent);
	font-weight: 700;
	font-size: 0.8125rem;
}
