/* 
	Рыбоедов Боевой
*/

/* Разработчики - глоб

Компания РОСВЕБ https://rosveb.ru

	— ПРОГРАММИСТ Алексей Гуляев

		Телефон +7 (982) 413-33-94
		Портфолио на Profi.ru https://ivanovo.profi.ru/profile/GulyaevAG
		Телеграм https://t.me/GulaevAleksey
		ВКонтакте https://vk.com/dumasurgut

	— АНАЛИТИК Дмитрий Раевский

		Телеграм https://t.me/GulaevAleksey
		ВКонтакте https://vk.com/raevskydmitry

	— ДИЗАЙНЕР Валентин Беликов

		Портфолио на Behance https://www.behance.net/artlisx
		Телеграм https://t.me/ksenfo
		ВКонтакте https://vk.com/snakejas
*/

/* Реферальная система начало*/

	.lpReferralCabinet .refDesc,
	.lpReferralCabinet .refDescLink,
	.lpReferralCabinet .tabpanel,
	.lpReferralCabinet .couponItem__status_block,
	.lpReferralCabinet .link.share,
	.lpReferralCabinet .couponItem .link,
	.lpReferralCabinet .sw24-table-fix,
	
	.lpNavigation .Turquoise-Topaz{
		display: none;
	}
	
	.lpReferralCabinet .tabcontent .tab{
		display: block;
		padding: 0;
	}

/* Реферальная система конец*/



/* Дима кнопки начало */

.add-to-basket-btn.in-basket {
    background: #6cbe6c !important;
    color: #fff !important;
    border-color: #6cbe6c !important;
}

/* --- ВЕРХНИЙ БЛОК ЦЕНЫ --- */
.catalog-price-block .catalog-price {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	gap: 14px 20px;
	justify-content: flex-end;
	width: 100% !important;
}

.catalog-price-block .catalog-price .price-row {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    white-space: nowrap;
    min-width: 0;
	align-items: center
}

.catalog-price-block .catalog-price .oldprice {
    color: #999;
    text-decoration: line-through;
    font-size: 21px;
    white-space: nowrap;
    padding: 0;
    flex-shrink: 0;
	font-weight: 400;
}

.catalog-price-block .catalog-price .percent {
    background: #f6f6f6;
	border-radius: 24px;
	padding: 2px 11px;
	margin-left: 0 !important;
	border: 1px solid #e32424;
	white-space: nowrap;
	flex-shrink: 0;
}

.catalog-item-page .catalog-price-block .catalog-price{
	flex-wrap: wrap;
}

.catalog-price-block .catalog-price .price-current-row {
    display: flex;
    align-items: center;
    gap: 6px;
}

.catalog-price-block .catalog-price .price-label {
    font-size: 18px;
    color: #222;
    margin-right: 8px;
	display: none;
}

.catalog-price-block .catalog-price .price-value {
    color: #d60000;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.1;
	white-space: nowrap;
}

/* --- ВАРИАЦИИ И КОРЗИНА --- */
.thresholds-btns {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 5px; /* горизонтальный и вертикальный отступы */
}

.threshold-btn {
    margin: 0 !important;
    padding: 8px 16px;
    border: 1px solid #ccc;
    background: #fff;
    cursor: pointer;
	border-radius: 4px;
}

.threshold-btn.active { 
	background: #ffffff;
	border-radius: 4px;
	border: 1px solid #d60000;
	box-shadow: inset 0 0 0px 1px #d60000;
}

.price-thresholds-block,
.delivery-mailer-info{
	border-top: none !important;
}

.card-item-blocks-wrap > div:nth-of-type(3){
	border-top: none !important;
}

.buy-row { 
	display: flex; 
	align-items: center; 
	gap: 12px;
	flex-wrap: wrap; 
}

.quantity-box { 
	display: flex; 
	align-items: center; 
}

.quantity-box a.quantity-down { 
	display: inline-block;
	width: 38px;
	height: 38px;
	text-align: center;
	border: 1px solid #ccc;
	background: #f6f6f6;
	cursor: pointer;
	font-size: 57px;
	font-weight: 100;
	color: #000;
	border-radius: 4px 0px 0px 4px;
	margin: 0;
	line-height: 33px;
	border: none;
	background: #ededed;
}

.quantity-box a.quantity-down:hover,
.quantity-box a.quantity-up:hover { 
	background: #dedede;
}

.quantity-box a.quantity-up { 
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #ccc;
	background: #f6f6f6;
	cursor: pointer;
	font-size: 30px;
	font-weight: 300;
	color: #000;
	border-radius: 0 4px 4px 0;
	border: none;
	background: #ededed;
}

.quantity-box input { 
	width: 50px;
	text-align: center;
	height: 38px;
	border-radius: 0;
	border: none;
	background: #ededed;
}

.quantity-box input:active,
.quantity-box input:focus,
.quantity-box input:focus-within,
.quantity-box input:focus-visible { 
	border: none !important;
	box-shadow: inset 0 0 0px 2px #942525;
	outline: none;
}



.total-price { 
	font-weight: bold; 
	font-size: 18px; 
	margin-left: 10px; 
}

.add-to-basket-btn { 
	margin-left: 16px; 
	padding: 10px 28px 8px;
	background: #942525; 
	color: #fff; 
	border-radius: 4px; 
	text-decoration: none; 
	white-space: nowrap; 
	transition: all ease .2s;
	border: 1px solid #942525;
	margin-left: auto !important;
	width: auto;
	text-align: center;
	flex: 1 1 auto;
}

.oneclickOrder{
	margin-left: 16px;
	padding: 10px 28px 8px;
	background: #94252517;
	color: #942525;
	border-radius: 4px;
	text-decoration: none;
	white-space: nowrap;
	transition: all ease .2s;
	font-size: 14px;
	float: right;
	top: -22px;
	position: relative;
	width: 100%;
}

.articul2 {
	margin: 0 0 10px 0;
}

.threshold-buy-block .buy-row label,
.threshold-buy-block .buy-row .quantity-box,
.threshold-buy-block .buy-row .total-price,
.threshold-buy-block .buy-row .add-to-basket-btn{
	margin: 0;
}

.oneclickOrder:hover{
	background: rgb(148 37 37 / 15%) !important;
	box-shadow: unset;
}

.add-to-basket-btn:hover { 
	color: #942525; 
	background: #fff;
	border: 1px solid #942525;
}

.catalog-item-page .catalog-price-block{
	min-height: unset;
}

/* Дима кнопки конец */




/* Стилизация кнопок на странице Акции */
	.catalog-submenu-horizontal li:last-child a {
		color: #252525;
		border: 1px solid #252525;
		background-color: transparent;
	}

	.catalog-submenu-horizontal li a.active:hover {
		color: #fff;
		border: 1px solid #942525;
		background-color: #942525;
	}

	.catalog-submenu-horizontal li a.active {
		color: #fff;
		border: 1px solid #942525;
		background-color: #942525;
	}
/* Стилизация кнопок на странице Акции конец*/




/* Дима количество рыб начало */
	.threshold-buy-block{
		display: flex;
		flex-direction: column-reverse;
		gap: 11px;
	}
	
	.fish-count-badge{
		display: flex;
		background: #F4EEE8;
		padding: 4px 19px 4px 8px;
		border-radius: 5px;
		color: #646464;
		gap: 16px;
		align-items: center;
		line-height: 100%;
	}
	
	.fish-count-1:before,
	.fish-count-2:before,
	.fish-count-3:before,
	.fish-count-more:before{
		content: "";
		display: inline-block;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.fish-count-1:before{
		width: 30px;
		height: 30px;
		background-image: url(/upload/img/fish-1.svg);
	}
	
	.fish-count-2:before{
		width: 47px;
		height: 30px;
		background-image: url(/upload/img/fish-2.svg);
	}
	
	.fish-count-3:before{
		width: 65px;
		height: 30px;
		background-image: url(/upload/img/fish-3.svg);
	}
	
	.fish-count-more:before{
		width: 83px;
		height: 30px;
		background-image: url(/upload/img/fish-4.svg)
	}

	.catalog-item-page .card-item-blocks-wrap > *:last-child{
		border-bottom: none;
	}

/* Дима количество рыб конец */



@media screen and (max-width: 600px) {
	.sale-reload-captcha{
		top: 34px;
		left: 190px;
	}
	
    .add-to-basket-btn {
        margin-left: 0;
        margin-top: 8px;
        width: 100%;
        text-align: center;
        font-size: 17px;
    }
	
    .total-price {
        margin-left: 0;
        margin-top: 4px;
    }
	
    .thresholds-btns {
        flex-direction: column;
        gap: 5px 0; /* только вертикальный отступ между кнопками */
        align-items: stretch;
    }
}

/* CSS фикс для стабилизации каталога от jQuery reflow на iOS */

/* Принудительная стабилизация каталога */
.catalog-items,
ul.catalog-items,
div.catalog-items {
    
    /* Принудительное GPU ускорение */
    transform: translateZ(0) !important;
    will-change: auto !important;
    
    /* Отключение автоматических анимаций */
    transition: none !important;
    animation: none !important;
    
    /* Стабилизация размеров */
    box-sizing: border-box !important;
    
    /* Отключение проблемных CSS свойств */
    overflow-anchor: none !important;
}

/* Стабилизация товарных карточек */
.catalog-item,
.bx_catalog_item_container {
    /* GPU слой для каждого элемента */
    transform: translateZ(0) !important;
    
    /* Изоляция layout */
    contain: layout style !important;
    
    /* Отключение анимаций */
    transition: none !important;
    animation: none !important;
    
    /* Стабилизация размеров */
    box-sizing: border-box !important;
}

/* Специальные правила для iOS Safari */
@supports (-webkit-touch-callout: none) {
    /* Детектирует iOS */
    
    .catalog-items {
        /* Дополнительная стабилизация для iOS */
        -webkit-transform: translateZ(0) !important;
        -webkit-backface-visibility: hidden !important;
        
        /* Отключение резиновой прокрутки для элемента */
        -webkit-overflow-scrolling: auto !important;
        
        /* Принудительная растеризация */
        -webkit-perspective: 1000px !important;
    }
    
    /* Отключение hover эффектов на touch устройствах */
    .catalog-item:hover,
    .bx_catalog_item_container:hover {
        transform: translateZ(0) !important;
        transition: none !important;
    }
    
    /* Блокировка jQuery анимаций через CSS */
    .catalog-items * {
        /* Принудительно отключаем все анимации в каталоге */
        -webkit-animation-duration: 0s !important;
        -webkit-transition-duration: 0s !important;
        animation-duration: 0s !important;
        transition-duration: 0s !important;
    }
}

/* Утилитарный класс для полной стабилизации */
.jquery-reflow-blocked {
    contain: strict !important;
    transform: translateZ(0) !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
    overflow-anchor: none !important;
}

/* Класс для отключения jQuery размерных вычислений */
.no-jquery-sizing {
    /* Принудительные фиксированные размеры */
    width: auto !important;
    height: auto !important;
    
    /* Блокировка изменений через JS */
    pointer-events: none !important;
    user-select: none !important;
    
    /* Стабилизация */
    contain: layout !important;
    transform: translateZ(0) !important;
}

/* Медиа-запрос для конкретных iPhone моделей */
@media only screen 
and (device-width: 375px) 
and (device-height: 812px) 
and (-webkit-device-pixel-ratio: 3) {
    /* iPhone X/11 Pro */
    .catalog-items {
        /* Дополнительная стабилизация */
        isolation: isolate !important;
        contain: strict !important;
    }
}

@media only screen 
and (device-width: 414px) 
and (device-height: 896px) 
and (-webkit-device-pixel-ratio: 2) {
    /* iPhone 11/XR */
    .catalog-items {
        isolation: isolate !important;
        contain: strict !important;
    }
}

/* Экстренное отключение всех jQuery эффектов */
.emergency-jquery-disable * {
    transition: none !important;
    animation: none !important;
    transform: none !important;
    
    /* Блокировка JS изменений */
    pointer-events: none !important;
    
    /* Принудительная стабилизация */
    contain: layout style !important;
    overflow-anchor: none !important;
}

/* Альтернативный вид разделов */

.view-mode-list svg.fa-table-list {
  display: none;
}



/* Восстановить пароль начало */

	.val-password-recovery .form-small{
		width: 600px;
	}

	.recovery-method-option {
		flex: 1;
		padding: 8px 16px;
		border: none;
		border-radius: 6px;
		cursor: pointer;
		font-weight: bold;
		font-size: 20px;
		color: #8c7265;
		background-color: transparent;
		transition: background-color 0.3s ease, color 0.3s ease;
		border-radius: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px !important;
		height: 48px;
	}

	.val-password-recovery__tittle{
		font-size: 22px;
		font-weight: 500;
		color: #5f4e3f;
	}

	.val-password-recovery .form-small{
		background: #f7f4f1;
		box-shadow: 0 0 0 1px #F4EEE8;
		border-radius: 12px;
	}

	.val-password-recovery .recovery-method-option.active{
		/* background-color: #666; */
		color: #fff;
		border-radius: 100px;
		height: 48px;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 1;
	}

	.val-password-recovery .recovery-method-selector {
		background: unset;
		border: 1px solid #8c7265;
		border-radius: 100px;
		padding: 4px;
		margin-bottom: 20px;
		gap: 4px;
		position: relative;
		display: flex;
		user-select: none;
		z-index: 1;
		font-size: 18px !important;
	}

	.val-password-recovery .recovery-method-selector .slider {
		position: absolute;
		top: 4px;
		bottom: 4px;
		left: 4px;
		width: calc(50% - 6px); /* половина ширины минус gap */
		background-color: #8c7265;
		border-radius: 100px;
		transition: transform 0.3s ease;
		z-index: 0;
		pointer-events: none;
	}

	.val-password-recovery .captcha-field img{
		border: unset !important;
		border-radius: 8px !important;
	}

	.val-password-recovery__input{
		color: #ffffff;
		background-color: #8c7265;
		border-color: #8c7265; 
		padding: 15px 45px; 
		border-radius: 8px; 
		font-size: 16px; 
		cursor: pointer; 
		width: 100%; 
		border: none; 
		text-transform: none;
		display: flex;
		justify-content: center;
		text-align: center;
	}

	.val-password-recovery__btn2{
		margin-top: 10px;
	}

	.val-password-recovery__btn2 a{
		width: 100%;
		display: flex !important;
		justify-content: center;
		border: unset !important;	
		background-color: #ece5dd !important;
		color: #8c7265 !important;
	}

	.bx-auth{
		max-width: 600px;
		margin: 0 auto;
		background: #f7f4f1;
		box-shadow: 0 0 0 1px #F4EEE8;
		border-radius: 12px;
		padding-top: 32px;
		padding-bottom: 32px;
		padding-left: 2em;
		padding-right: 2em;
	}

	.bx-changepass-table thead{
		display: none;
	}

	.bx-changepass-table{
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.bx-changepass-table tbody{
		display: flex;
		flex-direction: column;
	}

	.bx-changepass-table tbody td:first-child{
		max-width: 200px;
	}

	.bx-changepass-table tbody td{
		min-width: 190px;
		flex: 1;
	}

	.bx-changepass-table tbody td .bx-auth-input{
		width: 100%;
	}

	.bx-changepass-table tbody tr{
		display: flex;
	}

	.bx-changepass-table tfoot tr td{
		display: block;
		width: 100%;
	}

	.bx-changepass-table tfoot tr{
		display: block !important;
		width: 100%;
	}

	.bx-changepass-table tbody tr{
		margin-bottom: 10px;
	}

	.bx-changepass-table tfoot input{
		color: #ffffff !important;
		background-color: #8c7265 !important;
		border-color: #8c7265 !important;
		padding: 15px 45px !important;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 48.63px;
		border: none;
		width: 100%;
	}

	.bx-auth p{
		color: #978f8c;
		margin: 8px 0 7px 0;
	}

	.bx-auth p:last-child{
		margin: 0;
	}

	.bx-auth p a.button{
		width: 100%;
		display: flex !important;
		justify-content: center;
		border: unset !important;
		background-color: #ece5dd !important;
		color: #8c7265 !important;
		font-weight: 300 !important;
		font-size: 14px;
	}

	@media screen and (max-width: 767px) {
		.val-password-recovery .form-small,
		.bx-auth {
			background: #ffffff;
		}

		.val-password-recovery .form-small {
			width: auto;
		}

		.val-password-recovery .recovery-method-option.active,
		.recovery-method-option{
			text-align: center;
			font-weight: 400;
			font-size: 17px !important;
		}
	}

	@media screen and (max-width: 480px) {
		.val-password-recovery .form-small{
			padding-top: 20px;
			padding-bottom: 20px;
			padding-left: 15px;
			padding-right: 15px;
		}
		
		.bx-changepass-table tbody tr {
			flex-direction: column;
		}
	}

/* Восстановить пароль конец */