#pokaz {
	color: #e9b32d;
	margin-bottom: 10px;
	cursor: pointer;
}
.d-none {
	display: none;
}
#pokaz-quan {
	margin-bottom: 15px;
}
#pokaz-quan p {
	margin: 0 0 5px;
}

/* Стили для блоков опций */
.option-blocks-container {
	margin-bottom: 20px;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.option-blocks-container.disabled {
	opacity: 0.4;
	pointer-events: none;
}

.option-blocks-container.disabled .option-block {
	background-color: #f8f9fa;
	color: #6c757d;
	cursor: not-allowed;
}

.option-blocks {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
}

.option-block {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	box-sizing: border-box;
	font: inherit;
	font-family: inherit;
	text-align: center;
	white-space: nowrap;
	touch-action: manipulation;
	user-select: none;
	outline-offset: 0;
	cursor: pointer;
	-webkit-appearance: none;
	overflow: hidden;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 20px;
	border: 1px solid #000;
	color: #000000;
	transition: all 0.3s ease;
	border-radius: 0;
	background: transparent;
	text-decoration: none;
	text-overflow: ellipsis;
	outline: none !important;
	vertical-align: middle;
	padding: 10px 20px;
	letter-spacing: 0;
	font-size: 10px;
	position: relative;
	z-index: 0;
	display: inline-block;
	margin: 5px 5px 5px 0;
	min-width: 80px;
}

.option-block:hover {
	background-color: #000;
	color: #fff;
}

.option-block:active {
	background-color: #000;
	color: #fff;
	transform: none;
}

.option-block.selected {
	background-color: #000;
	color: #fff;
	border-color: #000;
}

/* Убираем hover эффекты на touch устройствах */
@media (hover: none) and (pointer: coarse) {
	.option-block:hover {
		background: transparent;
		color: #000000;
	}
	
	.option-block:active {
		background-color: rgba(0,0,0,0.1);
		color: #000000;
	}
	
	.option-block.selected {
		background-color: #000;
		color: #fff;
		border-color: #000;
	}
	
	.option-block.notify-available:hover {
		background: #000 !important;
		color: #fff !important;
		border-color: #000 !important;
	}
	
	.option-block.notify-available:active {
		background: #000 !important;
		color: #fff !important;
		border-color: #000 !important;
	}
	
	.option-block.notify-available.selected {
		background-color: #000 !important;
		color: #fff !important;
		border-color: #000 !important;
	}
}

.option-block.notify-available {
	border: 1px solid #000 !important;
	color: #000 !important;
	background: transparent !important;
}

.option-block.notify-available:hover {
	background-color: #000 !important;
	color: #fff !important;
	border-color: #000 !important;
}

.option-block.notify-available.selected {
	background-color: #000 !important;
	color: #fff !important;
	border-color: #000 !important;
}

/* Стили для серверного текста уведомления - overlay стиль */
.option-block .out-of-stock-label {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.9);
	color: #fff;
	font-size: 8px;
	padding: 2px;
	line-height: 1.2;
	text-align: center;
	font-weight: normal;
	font-style: normal;
}

.option-block .preorder-option-label {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.9);
	color: #fff;
	font-size: 8px;
	padding: 2px;
	line-height: 1.2;
	text-align: center;
	font-weight: normal;
	font-style: normal;
}

.option-block.preorder-available .preorder-option-label {
	background: rgba(0, 0, 0, 0.9);
	color: #fff;
}

.option-block.preorder-available:hover .preorder-option-label {
	background: rgba(255, 255, 255, 1);
	color: #000;
}

.option-block.selected .preorder-option-label {
	color: #000;
	background: rgba(255, 255, 255, 0.9);
}

/* Мобильные стили для кнопок уведомлений */
@media (hover: none) and (pointer: coarse) {
	.option-block.notify-available:hover {
		background: transparent !important;
		color: #000 !important;
		border-color: #000 !important;
	}
	
	.option-block.notify-available:active {
		background: #000 !important;
		color: #fff !important;
		border-color: #000 !important;
	}
	
	.option-block.notify-available.selected {
		background-color: #000 !important;
		color: #fff !important;
		border-color: #000 !important;
	}
}

.option-block.dynamic-disabled {
	display: none;
	border: 1px solid #ccc;
	color: #ccc;
	background: transparent;
	cursor: not-allowed;
	opacity: 0.5;
}

.option-block.dynamic-disabled:hover {
	background: transparent;
	color: #ccc;
	border-color: #ccc;
}

.option-block.dynamic-disabled:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: repeating-linear-gradient(
		45deg,
		transparent,
		transparent 2px,
		rgba(0,0,0,0.1) 2px,
		rgba(0,0,0,0.1) 4px
	);
	pointer-events: none;
}

.option-name {
	font-weight: normal;
	font-size: 10px;
	margin-bottom: 2px;
}

.option-price {
	font-size: 10px;
	opacity: 0.8;
}

.out-of-stock-label {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(233, 179, 45, 0.9);
	color: #fff;
	font-size: 8px;
	padding: 2px;
	line-height: 1.2;
	text-align: center;
	font-style: normal;
}

.option-block.selected .option-price {
	color: #fff;
}

.option-block.notify-available .out-of-stock-label {
	background: rgba(0, 0, 0, 0.9);
	color: #ffffffff;
}

.option-block.notify-available:hover .out-of-stock-label {
	background: rgba(255, 255, 255, 1);
	color: #000000ff;
}

.option-block.selected .out-of-stock-label {
	color: #000000ff;
	background: rgba(255, 255, 255, 0.9);
}

/* Адаптивные стили */
@media (max-width: 768px) {
	.option-blocks {
		gap: 8px;
	}
	
	.option-block {
		padding: 8px 12px;
		min-width: 60px;
	}
	
	.option-name {
		font-size: 10px;
	}
	
	.option-price {
		font-size: 10px;
	}
	
	.out-of-stock-label {
		font-size: 6px !important;
	}
	
	.option-block .out-of-stock-label {
		font-size: 6px !important;
	}

	.option-block .preorder-option-label {
		font-size: 6px !important;
	}
}

/* Hystmodal / ApiShip: не показывать до открытия (защита от мигания при загрузке) */
.hystmodal {
	visibility: hidden;
	pointer-events: none;
}

.hystmodal.hystmodal--active,
.hystmodal.hystmodal--moved {
	visibility: visible;
	pointer-events: auto;
}

#apiship_yandex_map.modal {
	display: none;
}

#apiship_yandex_map.modal.in {
	display: block;
	z-index: 10050 !important;
}

.modal-backdrop {
	z-index: 10040 !important;
}

#preorder_payment_methods .preorder-payment-option input[type=radio] {
	margin-right: 8px;
}

#preorder_payment_methods .preorder-payment-option label {
	font-weight: normal;
	cursor: pointer;
}

#preorder_shipping_methods .apiship_loading {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 8px;
	vertical-align: middle;
	border: 2px solid #ccc;
	border-top-color: #333;
	border-radius: 50%;
	animation: preorder-apiship-spin 0.8s linear infinite;
	background: none !important;
}

@keyframes preorder-apiship-spin {
	to {
		transform: rotate(360deg);
	}
}

.preorder-step-notice {
	margin: 0 0 20px;
	padding: 12px 16px;
	background: #f5f8fc;
	border-left: 3px solid #337ab7;
	color: #333;
	line-height: 1.5;
	font-size: 14px;
}

/* Блок «нет в наличии» + кнопки предзаказа / оповещения */
.product-oos-stack {
	margin-bottom: 8px;
}

#product-oos-notice.product-oos-notice {
	margin: 0 0 8px;
	font-size: 14px;
	line-height: 1.4;
}

#product-oos-buttons #add-vish-list,
#product-oos-buttons .preorder-block-wrap {
	margin-top: 0;
}

#product-oos-buttons #add-vish-list + .preorder-block-wrap,
#product-oos-buttons .preorder-block-wrap + #add-vish-list {
	margin-top: 8px;
}

.preorder-block-wrap {
	margin-top: 0;
}

#preorder-modal-trigger.btn-preorder-notify,
#add-vish-list #add-vish-btn,
#button-cart.btn-cart-notify {
	display: block;
	width: 100%;
	height: 50px;
	font-size: 10px;
	padding: 10px 20px;
	line-height: 1.2;
	box-sizing: border-box;
	background-color: #fff !important;
	background-image: none !important;
	border: 1px solid #000 !important;
	color: #000 !important;
	box-shadow: none !important;
}

#preorder-modal-trigger.btn-preorder-notify:hover,
#preorder-modal-trigger.btn-preorder-notify:focus,
#add-vish-list #add-vish-btn:hover,
#add-vish-list #add-vish-btn:focus,
#button-cart.btn-cart-notify:hover,
#button-cart.btn-cart-notify:focus {
	background-color: #fff !important;
	border-color: #000 !important;
	color: #000 !important;
}

#product-oos-buttons #preorder-modal-trigger.btn-preorder-notify {
	margin-top: 0;
}

@media (max-width: 479px) {
	#product-oos-buttons #preorder-modal-trigger.btn-preorder-notify {
		margin: 0;
	}
}

/* Стили для заблокированной кнопки */
#button-cart:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

#button-cart:disabled:hover {
	opacity: 0.6;
}

/* Полное скрытие select элементов */
.hidden-select {
	display: none !important;
	visibility: hidden !important;
	position: absolute !important;
	left: -9999px !important;
	top: -9999px !important;
	width: 0 !important;
	height: 0 !important;
	opacity: 0 !important;
	z-index: -9999 !important;
}

/* Скрытие SelectBox элементов для наших скрытых select-ов */
.sbHolder[id*="sbHolder_"] {
	display: none !important;
}

/* Стили для стрелок навигации главного изображения (как в bxSlider) */
#productZoomWrapper {
	position: relative;
}

#productZoomWrapper .bx-prev,
#productZoomWrapper .bx-next,
.product-model-photos .horixontal-slider .bx-wrapper .bx-prev,
.product-model-photos .horixontal-slider .bx-wrapper .bx-next {
	position: absolute;
	top: 50%;
	font-size: 14px;
	padding: 6px;
	line-height: 27px;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	margin: 0;
	color: #fff;
	cursor: pointer;
	z-index: 18;
	outline: 0;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
	width: auto;
	height: 37px;
	box-sizing: border-box;
}

#productZoomWrapper .bx-prev:hover,
#productZoomWrapper .bx-next:hover,
.product-model-photos .horixontal-slider .bx-wrapper .bx-prev:hover,
.product-model-photos .horixontal-slider .bx-wrapper .bx-next:hover {
	background: rgba(0, 0, 0, 0.8);
}

#productZoomWrapper .bx-prev,
.product-model-photos .horixontal-slider .bx-wrapper .bx-prev {
	left: 5px;
}

#productZoomWrapper .bx-prev i,
#productZoomWrapper .bx-next i {
	display: block;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
}

#productZoomWrapper .bx-prev i:before {
	content: "\f053";
	font-family: "FontAwesome";
	display: block;
	font-style: normal;
	font-weight: normal;
}

#productZoomWrapper .bx-next,
.product-model-photos .horixontal-slider .bx-wrapper .bx-next {
	right: 5px;
}

#productZoomWrapper .bx-next i:before {
	content: "\f054";
	font-family: "FontAwesome";
	display: block;
	font-style: normal;
	font-weight: normal;
}

#productZoomWrapper .bx-prev.disabled,
#productZoomWrapper .bx-next.disabled {
	display: none;
	visibility: hidden;
}

/* Стили для мобильных устройств */
@media (max-width: 991px) {
	/* Скрываем стрелки мини-галереи на мобильных */
	.horixontal-slider .bx-wrapper .bx-prev,
	.horixontal-slider .bx-wrapper .bx-next {
		display: none !important;
	}
	
	/* Главное изображение на всю ширину на мобильных */
	.product-gallery .row > div.col-lg-10 {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		float: none !important;
	}
	
	#productZoomWrapper {
		width: 100%;
		max-width: 100%;
		display: block;
	}
	
	#productZoom {
		width: 100%;
		height: auto;
		max-width: 100%;
	}
	
	/* Горизонтальный слайдер (мини-галерея) на всю ширину */
	.horixontal-slider {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	.horixontal-slider .bx-wrapper {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
	
	.horixontal-slider .bx-viewport {
		width: 100%;
	}
	
	.horixontal-slider ul {
		width: 100%;
	}

	/* «Фото на моделях»: стрелки bxSlider видны на телефоне (общее правило выше их скрывает) */
	.product-model-photos .horixontal-slider .bx-wrapper .bx-prev,
	.product-model-photos .horixontal-slider .bx-wrapper .bx-next {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		z-index: 2;
	}
}

/* Анимация переключения изображения */
#productZoomWrapper {
	position: relative;
	overflow: hidden;
}

/* ото на моделях — подпись под заголовком */
.product-model-photos-data {
    padding: 2px 15px 12px;
    margin-top: -10px;
    font-size: 14px;
    color: #555;
    line-height: 1.5;
}

/* ото на моделях — оверлей с данными модели */
.product-model-photos .image-additional li {
    position: relative;
}

.product-model-photos .image-additional li .model-photo-label {
    position: absolute;
    top: 6px;
    left: 6px;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    font-size: 11px;
    line-height: 1.4;
    padding: 4px 7px;
    border-radius: 3px;
    pointer-events: none;
    z-index: 10;
    max-width: 120px;
    white-space: pre-line;
    word-break: break-word;
}