.cursor-pointer { cursor: pointer; }
	.tracking-wider { letter-spacing: 0.1em; }
	
	/* Стили выбранного SKU размера */
	.sku-swatch-text.selected {
		background-color: #212529 !important;
		color: #ffffff !important;
		border-color: #212529 !important;
	}
	.sku-swatch-text.notallowed {
		opacity: 0.35;
		text-decoration: line-through;
		cursor: not-allowed;
	}

	/* Стили выбранного SKU цвета */
	.sku-swatch-color.selected {
		border-color: #212529 !important;
		box-shadow: 0 0 0 2px #212529;
	}
	.sku-swatch-color.notallowed {
		opacity: 0.25;
		cursor: not-allowed;
	}

	/* Галерея: отображение активного фото */
	.product-item-detail-slider-image { display: none; }
	.product-item-detail-slider-image.active { display: block; }
	.product-thumb-item.active { border-color: #212529 !important; }

	/* Стили активной вкладки */
	.nav-tabs .nav-link.active {
		color: #212529 !important;
		border-bottom: 2px solid #212529 !important;
	}

	/* Контейнер вертикальных превью — СТРОГО в один столбец */
.product-thumbs-vertical {
	width: 80px;              /* Фиксированная ширина столбца */
	min-width: 80px;
	flex-shrink: 0;           /* Запрет сжатия */
	max-height: 560px;        /* Высота равна высоте главного фото */
	overflow-y: auto;         /* Скролл по вертикали, если фото много */
	overflow-x: hidden !important;
	flex-wrap: nowrap !important; /* Никаких переносов в несколько рядов */
	scrollbar-width: thin;
}

/* Кастомный тонкий скроллбар */
.product-thumbs-vertical::-webkit-scrollbar {
	width: 4px;
}
.product-thumbs-vertical::-webkit-scrollbar-thumb {
	background-color: #dee2e6;
	border-radius: 4px;
}

/* Размер миниатюры */
.product-thumb-item {
	width: 80px;
	height: 100px;
	min-height: 100px;
	flex-shrink: 0;
	transition: border-color 0.2s ease, opacity 0.2s ease;
	opacity: 0.65;
}

.product-thumb-item.active,
.product-thumb-item:hover {
	opacity: 1;
	border-color: #212529 !important;
}

/* Адаптив под мобильные (переключение в горизонтальный слайдер) */
@media (max-width: 767.98px) {
	.product-thumbs-vertical {
		width: 100%;
		max-height: none;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		padding-bottom: 6px;
	}
	.product-thumb-item {
		width: 65px;
		height: 80px;
		min-height: 80px;
	}
}

/* Главный блок фото */
.product-main-image {
	min-height: 560px;
	height: 100%;
}



#catalog-toast-container {
    max-width: 90vw;
}

.catalog-toast {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.catalog-toast a {
    color: #fff;
    text-decoration: underline;
}
/* Контейнер миниатюр */
.product-thumbs-slider {
  width: 100%;
  max-width: 100%;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Скрываем скроллбар в Firefox */
}

.product-thumbs-slider::-webkit-scrollbar {
  display: none; /* Скрываем скроллбар в WebKit */
}

/* Карточка миниатюры */
.product-thumb-item {
  width: 68px;
  height: 68px;
  background-color: var(--color-white, #ffffff);
  transition: border-color 0.2s ease, transform 0.15s ease;
}

.product-thumb-item.active {
  border-color: var(--color-green-accent, #059669) !important;
  box-shadow: 0 0 0 2px rgba(var(--color-green-accent-rgb, 5, 150, 105), 0.25);
}

.product-thumb-item:hover {
  border-color: var(--color-green-accent, #059669);
}

/* Десктопное состояние: фиксированная ширина столбца слева */
@media (min-width: 768px) {
  .product-thumbs-slider {
    width: 80px;
    max-height: 520px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .product-thumb-item {
    width: 76px;
    height: 76px;
  }
}