.top-header-content{
	display: inline-block;
}
.basket-table-body-heart-btn .img-add{
	display: none;
}
.basket-table-body-heart-btn.active .img-add{
	display: inline-block;
}
.basket-table-body-heart-btn.active .img-clear{
	display: none;
}
.button-delete{
	cursor: pointer;
}
.link-name{
	color: #4b4b4b;
}

/**
 * Стили для модального окна "Поделиться корзиной"
 */

/* Оверлей модального окна */
.share-basket-modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	justify-content: center;
	align-items: center;
}
.share-basket-modal-block{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* Само модальное окно */
.share-basket-modal {
	background: #fff;
	border-radius: 8px;
	max-width: 500px;
	width: 90%;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	animation: slideDown 0.3s ease;
}

@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Заголовок модального окна */
.share-basket-modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 25px;
	border-bottom: 1px solid #e5e5e5;
}

.share-basket-modal-header h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	color: #333;
}

.share-basket-modal-close {
	background: none;
	border: none;
	font-size: 28px;
	color: #999;
	cursor: pointer;
	padding: 0;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.2s;
}

.share-basket-modal-close:hover {
	color: #333;
}

/* Тело модального окна */
.share-basket-modal-body {
	padding: 25px;
}

.share-basket-modal-body p {
	margin: 0 0 15px 0;
	color: #666;
	font-size: 14px;
}

/* Контейнер с ссылкой */
.share-basket-url-container {
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
}

.share-basket-url-input {
	flex: 1;
	padding: 10px 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	color: #333;
	background: #f9f9f9;
}

.share-basket-url-input:focus {
	outline: none;
	border-color: #858C68;
	background: #fff;
}

.share-basket-copy-btn {
	padding: 10px 20px;
	white-space: nowrap;
	font-size: 14px;
}

/* Сообщение об успешном копировании */
.share-basket-success-message {
	padding: 10px 15px;
	background: #d4edda;
	border: 1px solid #c3e6cb;
	border-radius: 4px;
	color: #155724;
	font-size: 14px;
	text-align: center;
}

/* Стили для ссылки "Поделиться корзиной" */
.link-basket {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 0;
	cursor: pointer;
	color: #858C68;
	font-size: 14px;
	transition: opacity 0.2s;
	border-bottom: 1px solid #e5e5e5;
}

.link-basket:last-child {
	border-bottom: none;
}

.link-basket:hover {
	opacity: 0.7;
}

.link-basket svg {
	flex-shrink: 0;
}

/* Адаптивность */
@media (max-width: 768px) {
	.share-basket-modal {
		max-width: 90%;
		margin: 20px;
	}

	.share-basket-url-container {
		flex-direction: column;
	}

	.share-basket-copy-btn {
		width: 100%;
	}

	.share-basket-modal-header {
		padding: 15px 20px;
	}

	.share-basket-modal-header h3 {
		font-size: 18px;
	}

	.share-basket-modal-body {
		padding: 20px;
	}
}

/* Дополнительные улучшения для корзины */
.basket-checkout {
	background: #f9f9f9;
	padding: 20px;
	border-radius: 8px;
}

.basket-checkout .btn-green {
	width: 100%;
	margin-bottom: 20px;
}

.basket-checkout .link-basket:first-of-type {
	border-top: 1px solid #e5e5e5;
}