/**
 * Корзина — компактная карточка товара на mobile (TSK25).
 * Desktop (≥768px) не затрагиваем.
 */
@media (max-width: 767px) {
	.bx-basket,
	#basket-root,
	.basket-items-list-wrapper {
		--c25-brand: var(--sk-brand, #497952); /* ОФЗ */
		--c25-brand-dark: var(--sk-brand-dark, #127023); /* ФТЗ */
		--c25-brand-mid: var(--sk-brand-mid, #5f9a69);
		--c25-brand-soft: var(--sk-brand-soft, #e8efe6); /* ФСЗ */
		--c25-ink: #3d4438;
		--c25-text: #4f574b;
		--c25-line: #d7e4d4;
		--c25-muted: #8a9486;
	}

	/* Карточка: сетка вместо громоздкой таблицы */
	tr.basket-items-list-item-container,
	.basket-items-list-table tr.basket-items-list-item-container {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas:
			"desc desc"
			"qty price";
		align-items: center;
		gap: 8px 12px;
		box-sizing: border-box;
		width: 100%;
		margin: 0 0 10px;
		padding: 12px !important;
		border: 1px solid var(--c25-line) !important;
		border-radius: 14px;
		background: #fff;
		box-shadow: 0 1px 0 rgba(61, 68, 56, 0.03);
	}

	.basket-items-list-table tr.basket-items-list-item-container:first-child,
	.basket-items-list-table tbody tr.basket-items-list-item-container:first-child {
		border: 1px solid var(--c25-line) !important;
	}

	tr.basket-items-list-item-container > td {
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		min-width: 0 !important;
		width: auto !important;
		vertical-align: middle;
	}

	td.basket-items-list-item-descriptions {
		grid-area: desc;
		display: block !important;
		min-width: 0 !important;
		padding-bottom: 0 !important;
	}

	td.basket-items-list-item-amount {
		grid-area: qty;
		display: flex !important;
		align-items: center;
		justify-content: flex-start;
		padding: 0 !important;
		min-width: 0 !important;
	}

	/* Сумма справа; цену за единицу скрываем — иначе дубль со скидкой */
	td.basket-items-list-item-price:not(.basket-items-list-item-price-for-one) {
		grid-area: price;
		display: block !important;
		justify-self: end;
		text-align: right;
		padding: 0 !important;
	}

	td.basket-items-list-item-price-for-one {
		display: none !important;
	}

	td.basket-items-list-item-remove {
		display: none !important;
	}

	/* Фото + название в ряд */
	.basket-items-list-item-descriptions-inner {
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start;
		gap: 10px;
		width: 100%;
	}

	.basket-item-block-image,
	.basket-items-list-wrapper-compact .basket-item-block-image {
		flex: 0 0 72px !important;
		display: block !important;
		box-sizing: border-box;
		margin: 0 !important;
		padding: 0 !important;
		min-width: 72px !important;
		max-width: 72px !important;
		width: 72px !important;
		height: auto !important;
	}

	.basket-item-image-link {
		display: block;
		width: 72px;
		height: 72px;
		overflow: hidden;
		border-radius: 10px;
		background: var(--c25-brand-soft);
	}

	.basket-item-image,
	.basket-items-list-wrapper-compact .basket-item-image {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		max-width: 72px !important;
		max-height: 72px !important;
		width: 72px !important;
		height: 72px !important;
		object-fit: cover;
		border-radius: 10px;
	}

	/* −% на фото: компактный бейдж ФТЗ, без второго «Экономия» */
	.basket-item-label-ring {
		display: flex !important;
		align-items: center;
		justify-content: center;
		min-width: 28px;
		width: auto;
		height: 20px;
		padding: 0 5px;
		border-radius: 999px;
		background: var(--c25-brand-dark) !important;
		color: #fff !important;
		font-size: 10px !important;
		font-weight: 700;
		line-height: 1;
	}

	.basket-item-block-info {
		flex: 1 1 auto;
		min-width: 0;
		padding: 0 28px 0 0 !important;
		position: relative;
	}

	.basket-item-info-name,
	h2.basket-item-info-name {
		margin: 0 0 4px !important;
		padding: 0 !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		line-height: 1.3 !important;
		color: var(--c25-ink);
	}

	.basket-item-info-name-link {
		color: inherit;
		text-decoration: none;
	}

	/* Крестик удаления у названия — всегда виден (desktop тоже; см. basket style.css) */
	.basket-item-block-info .basket-item-actions-remove {
		display: block !important;
		top: 0;
		right: 0;
		width: 28px;
		height: 28px;
		z-index: 2;
	}

	.basket-item-block-info .basket-item-actions-remove:after,
	.basket-item-block-info .basket-item-actions-remove:before {
		background: var(--c25-brand-dark); /* ФТЗ */
	}

	/* Шапка списка не «прилипает» к sticky-панели (птичка) */
	.basket-items-list-header.basket-items-list-header-fixed {
		position: static !important;
		top: auto !important;
		width: auto !important;
		z-index: auto !important;
		margin-left: 0 !important;
		border: none !important;
		border-bottom: 1px solid #e2dfdf !important;
	}

	.basket-items-list-wrapper {
		padding-top: 0 !important;
	}

	/* Блок «Товары в заказе»: отступ от заголовка секции, не впритык */
	#bx-soa-basket.bx-soa-section .bx-soa-section-content,
	#bx-soa-basket .bx-soa-item-table {
		padding-top: 12px !important;
		margin-top: 0;
	}

	#bx-soa-basket.bx-soa-section .bx-soa-section-title-container {
		padding-bottom: 8px !important;
	}

	/* Свойства: одна строка / компактно */
	.basket-item-block-properties {
		display: flex;
		flex-wrap: wrap;
		gap: 2px 10px;
		margin: 0;
	}

	.basket-item-property,
	.basket-item-property-custom {
		display: inline-flex !important;
		align-items: baseline;
		gap: 4px;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 12px;
		line-height: 1.35;
		color: var(--c25-text);
	}

	.basket-item-property-name,
	.basket-item-property-custom-name {
		color: var(--c25-muted);
		font-size: 12px;
	}

	.basket-item-property-value,
	.basket-item-property-custom-value {
		font-size: 12px;
		color: var(--c25-ink);
	}

	/* Qty: компактный степпер ОФЗ */
	.basket-item-block-amount {
		display: inline-flex !important;
		align-items: center;
		justify-content: flex-start !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 1px solid var(--c25-line);
		border-radius: 999px;
		background: var(--c25-brand-soft);
		overflow: hidden;
	}

	.basket-item-amount-btn-plus,
	.basket-item-amount-btn-minus {
		flex: 0 0 32px;
		width: 32px !important;
		height: 32px !important;
		border: none !important;
		border-radius: 0 !important;
		background: transparent !important;
	}

	.basket-item-amount-filed-block {
		flex: 0 0 auto;
	}

	.basket-item-amount-filed,
	.basket-item-amount-filed:hover,
	.basket-item-amount-filed:focus,
	.basket-item-block-amount.disabled .basket-item-amount-filed,
	.basket-item-block-amount.disabled .basket-item-amount-filed:hover {
		width: 36px !important;
		height: 32px !important;
		padding: 0 !important;
		border: none !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		color: var(--c25-ink);
		font-size: 14px !important;
		font-weight: 600;
		text-align: center;
	}

	.basket-item-amount-field-description {
		display: none !important;
	}

	/* Цены: старая + текущая, без дубля «Экономия» */
	.basket-item-block-price {
		display: flex !important;
		flex-direction: column;
		align-items: flex-end;
		justify-content: center;
		margin: 0 !important;
		padding: 0 !important;
		min-width: 0 !important;
		text-align: right !important;
		white-space: normal;
	}

	.basket-item-price-old {
		position: static !important;
		top: auto !important;
		right: auto !important;
		order: 1;
		margin: 0 0 1px;
		line-height: 1.2;
	}

	.basket-item-price-old-text {
		font-size: 12px !important;
		line-height: 1.2 !important;
		color: var(--c25-muted);
	}

	.basket-item-price-current {
		order: 2;
		padding: 0 !important;
		color: var(--c25-brand-dark);
		font-size: 16px;
		font-weight: 700;
		line-height: 1.25 !important;
	}

	.basket-item-price-current-text {
		font-size: 16px;
		font-weight: 700;
		color: var(--c25-brand-dark); /* ФТЗ */
		white-space: nowrap;
	}

	.basket-item-price-title {
		display: none !important;
	}

	/* «Экономия …» — дубль к −% и зачёркнутой цене */
	.basket-item-price-difference {
		display: none !important;
	}

	/* Уведомление об удалении */
	tr.basket-items-list-item-container.basket-items-list-item-container-expend {
		display: block !important;
		padding: 10px 12px !important;
	}

	td.basket-items-list-item-notification {
		display: block !important;
		width: 100%;
	}

	.basket-items-list-item-container-expend .basket-items-list-item-removed-container {
		background: var(--c25-brand-soft);
		border-radius: 10px;
	}
}

/* Узкие телефоны (~390): ещё чуть плотнее */
@media (max-width: 420px) {
	tr.basket-items-list-item-container,
	.basket-items-list-table tr.basket-items-list-item-container {
		padding: 10px !important;
		gap: 6px 10px;
	}

	.basket-item-block-image,
	.basket-items-list-wrapper-compact .basket-item-block-image,
	.basket-item-image-link,
	.basket-item-image,
	.basket-items-list-wrapper-compact .basket-item-image {
		flex-basis: 64px !important;
		min-width: 64px !important;
		max-width: 64px !important;
		width: 64px !important;
	}

	.basket-item-image-link,
	.basket-item-image,
	.basket-items-list-wrapper-compact .basket-item-image {
		height: 64px !important;
		max-height: 64px !important;
	}

	.basket-item-info-name,
	h2.basket-item-info-name {
		font-size: 13px !important;
	}

	.basket-item-price-current-text {
		font-size: 15px;
	}

	.basket-item-amount-btn-plus,
	.basket-item-amount-btn-minus {
		flex-basis: 30px;
		width: 30px !important;
		height: 30px !important;
	}

	.basket-item-amount-filed,
	.basket-item-amount-filed:hover,
	.basket-item-amount-filed:focus,
	.basket-item-block-amount.disabled .basket-item-amount-filed,
	.basket-item-block-amount.disabled .basket-item-amount-filed:hover {
		width: 32px !important;
		height: 30px !important;
		font-size: 13px !important;
	}
}