/* this file won't be updated, so you can write your own code here */
.block-title.row{
	width: 100%;
}
@media (max-width: 1199px) {
	.product-info {
		flex-direction: row;
	}
}


/*auction page*/
/*form*/
#auction-form{
	/*margin-bottom: 2rem;*/
	margin: 1rem;
}
#auction-form .form-group-block{
	display: flex;
	flex-direction: row;
	margin: 0 0 1rem 0;
}
#auction-form .form-group{
	display: flex;
	flex-direction: column;
	width: 50%;
	margin: 0 1rem 0 0;
}
#auction-form select{
	border: 1px solid #dddddd;
	background-color: #f8f8f8;
	border-radius: 0.25rem;
	padding: 0.5rem;
}
#auction-form select:focus{
	border-color: #999999;
	background-color: #fff;
	box-shadow: unset;
	outline: 0;
	padding: .375rem .75rem;
}

#form-submit{
	margin-top: 1rem 0 0 0;
}
#mess{
	margin: 1rem;
}

#mess .pagination-button-wrapper, #pagen .pagination-button-wrapper{
	border-radius: 50%;
	border: none;
	/*margin: 5px;*/
	/*padding: 5px;*/
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
#mess .pagination-button,
#pagen .pagination-button
{
	font-weight: bold;
	border-radius: 5px;
	border: none;
	background: none;
	width: 37px;
	height: 37px;
	margin: 5px;
  padding: 0;
}
#mess .pagination-button-direction,
#pagen .pagination-button-direction{
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	border: none;
	width: 100px;
	background-color: #1940CC;
}
#mess .currentPage,
#pagen .currentPage{
	color: white;
	background-color:#1940CC;
	border-radius: 5px;
}

.auction___lots .product__name{
	text-align: center;
	height: 70px;
	display: flex;
	align-items: center;
}
@media all and (max-width: 653px) {
	#auction-form .form-group-block{
		display: flex;
		flex-direction: column;
		margin: 0 0 1rem 0;
	}
	#auction-form .form-group{
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: 0 1rem 0 0;
	}
}

/*new 06052025*/
.city-mobile-block-right {margin-right:20px;}
.city-mobile-block-right .header-city-item {padding: 8px 10px;}
.top-social-buttons {
    display: flex;
    justify-content: space-evenly;
    gap: 2px;
    align-items: center;
    margin-top: 5px;        
}
@media all and (max-width: 990px) {
    .top-social-buttons {margin-right: 10px; float:right;}
    .headermobile-main .city-mobile-block-right {position: absolute; max-width: 220px; right:8%;}
    /*.headermobile-main .header-city-wrap {display: flex; align-items: center;}*/
}
.top-social-buttons a {
    width: 26px;
    height: 26px; 
    border-radius: 5px;       
}
.top-social-buttons a:hover {
    opacity: 0.6;
}
.mobilemenu-socials {
    display: block;
}
.mobilemenu-socials-title {
    margin-bottom: 12px;
    color: #999;
    font-size: 14px;
    line-height: 20px;
}
#mobilemenu .top-social-buttons {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    float: none;
}
#mobilemenu .top-social-buttons a {
    width: 28px;
    height: 28px;
}
.tg-icon {
    background-size: 65% !important;
    background:url(../img/icons/tg.png) #fff center center no-repeat;
}
.vk-icon {
    background-size: 85% !important;
    background:url(../img/icons/vk.png) #fff center center no-repeat;
}
.youtube-icon {
    background-size: 80% !important;
    background:url(../img/icons/youtube.png) #fff center center no-repeat;
}
.rutube-icon {
    background-size: 70% !important;
    background:url(../img/icons/rutube.png) #fff center center no-repeat;
}  

/*new 13072026*/
.max-icon {
    background:url(../img/icons/ic_max.png) #fff center center no-repeat;
    background-size: 70% !important;
}
.tiktok-icon {
    background:url(../img/icons/ic_tiktok.png) #fff center center no-repeat;
    background-size: 70% !important;
}
.insta-icon {
    background:url(../img/icons/ic_insta.png) #fff center center no-repeat;
    background-size: 70% !important;
}
.ok-icon {
    background:url(../img/icons/ic_ok.png) #fff center center no-repeat;
    background-size: 70% !important;
}

.mobilemenu-block-header .top-contact-icon {
    margin-right:5px;
    vertical-align: sub;
    height: 20px;
    width: 20px;    
}
.top-contact-right {
    position: absolute;
    right: 20%;
}

/* подробная цена лота*/
.block-cost__price.price{
	display: flex;
	flex-direction: column;
}
.block-cost__price.price .text-container{
	width: 100%;
	padding-top: 20px;
}
.block-cost__price.price .text-container p.price__city{
	width: 100%;
}
.block-cost__price.price .total-sum__table{
	width: 100%;
}
.block-cost__price.price .table-price-titles{
	display: flex;
	justify-content: space-between;
	font-size: .875rem;
	line-height: 1.25rem;;
}
.block-cost__price.price .table-price-values{
	margin: 10px 0;
	gap: 20px;
	display: flex;
	flex-direction: column;
}
.block-cost__price.price .table-price-item{
	display: flex;
	justify-content: space-between;
}
.block-cost__price.price .btn-primary{
	width: 100%;
}
.block-cost__price.price .btn-primary:hover {
	background-color: #1639b5;
	border-color: #1639b5;
}
div.popup-detail-price-overlay {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(24,24,27,.4);
	backdrop-filter: blur(8px);
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	padding: 20px;
	display: flex;
	inset: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

div.popup-detail-price-overlay .popup-price-box {
	position: relative;
	max-width: 1024px;
	max-height: fit-content;
	overflow-y: hidden!important;
	background-color: #fff;
	border-radius: 1rem;
	margin-top: 2rem;
	padding: 20px;
}
div.popup-detail-price-overlay .popup-price-box .top-title{
	display: flex;
	justify-content: space-between;
	color: #333333;
	align-items: center;
}
div.popup-detail-price-overlay .popup-price-box h3{
	color: #333333;
	font-weight: bold!important;
	font-size: 24px!important;
	line-height: 31px!important;
}
div.popup-detail-price-overlay .popup-price-box .main-block-of-price p{
	color: #999999;
	font-size: 1rem;
	line-height: 1.5rem;
}

div.popup-detail-price-overlay .popup-price-box .close-btn{
	color: #bbbbbb;
	z-index: 10;
	top: 0;
	right: 0;
	position: absolute;
	cursor: pointer;
	padding-top: 1.5rem;
	padding-right: 1.5rem;
}
.close-btn {
	background: none;
	border: none;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	cursor: pointer;
	color: #000;
	outline: none!important;
}
.cs-scroll-block{
	overflow-y: scroll!important;
	padding-bottom: 20% !important;
	z-index: 999!important;
}
.cs-scroll-box{
	overflow-y: scroll!important;
	margin-top: 30rem!important;
}
.close-btn:hover {
	color: #1639b5 !important;
}
div.popup-detail-price-overlay .popup-price-box .main-block-of-price{
	border-top: 1px solid #ced7d9;
}
div.popup-detail-price-overlay .popup-price-box .main-block-of-price .price_jp{
	display: flex;
	margin-top: 20px;
	/*margin-bottom: 20px;*/
	justify-content: space-between;
	width: 50%;
}
div.popup-detail-price-overlay .popup-price-box .main-block-of-price .price_jp p:last-child{
	color: #666;
}
div.popup-detail-price-overlay .popup-price-box .main-block-of-price .final_price{
	display: flex;
	justify-content: start;
	background-color: #1940CC;
	border-color: #1940CC;
	margin: 20px -20px;
	gap: 5px;
	padding-left: 30px;
}
div.popup-detail-price-overlay .popup-price-box .main-block-of-price .final_price:hover{
	background-color: #1639b5;
	border-color: #1639b5;
}
div.popup-detail-price-overlay .popup-price-box .main-block-of-price .final_price p{
	color: #fff;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 1.75rem;
	align-self: center;
	margin-bottom: 0;
	padding-top: 40px;
	padding-bottom: 40px;
	white-space: nowrap;
}
div.popup-detail-price-overlay .popup-price-box .main-block-of-price .table-price-detail{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	margin-top: 30px;
}
div.popup-detail-price-overlay .popup-price-box .main-block-of-price .table-price-detail .item-table-price p{
	margin-bottom: 0;
}
div.popup-detail-price-overlay .popup-price-box .main-block-of-price .table-price-detail .item-table-price h3{
	margin-bottom: 0;
	margin-top: 0;
}
div.popup-detail-price-overlay .popup-price-box .main-block-of-price .table-price-detail .item-table-price{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
div.popup-detail-price-overlay .price-row{
	display: flex;
	gap: 10px;
	white-space: nowrap;
}
div.popup-detail-price-overlay .popup-price-box .main-block-of-price .table-price-detail .price-row p.price-row{
	color: #666;
}
div.popup-detail-price-overlay .popup-price-box .main-block-of-price .table-price-detail .price-row p.final-price-row{
	color: #1940CC;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.75rem;
}
div.popup-detail-price-overlay .popup-price-box .main-block-of-price .table-price-detail .price-row span.final-price-row-jp{
	color: #1940CC;
	font-weight: 400;
	font-size: .875rem;
	line-height: 1.25rem;
	display: flex;
	align-items: center;
}
div.popup-detail-price-overlay .ib-table-item-block{
	border-top: 1px solid #ced7d9;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
}
div.popup-detail-price-overlay .ib-table-item-block .ib-table-item{
	padding-top: 1.5rem;
	padding-left: 1.75rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}
.price-row-jp{
	color: #999999;
	font-weight: 400;
	font-size: .875rem;
	line-height: 1.25rem;
	display: flex;
	align-items: center;
}
.active {
	opacity: 1!important;
	pointer-events: auto!important;
}
div.popup-detail-price-overlay .ib-table-item-block p{
	margin-bottom: 0;
}
.price_jp{
	white-space: nowrap;
	gap: 20px;
}
div.popup-detail-price-overlay .popup-price-box .main-block-of-price .final_price p.shadow-rice{
	color: rgb(161 161 170);
	font-weight: 500;
	font-size: 1.1rem;
}
@media(max-width: 900px){
	div.popup-detail-price-overlay .popup-price-box .main-block-of-price .table-price-detail {
		gap: 20px;
		grid-template-columns: 1fr;
	}
	.ru-table{
		border-top: 1px solid #ced7d9;
		padding-top: 40px;
	}
	div.popup-detail-price-overlay .popup-price-box{
		max-height: fit-content!important;
	}
	.cs-scroll-box{
		margin-top: 40rem!important;
	}

}
@media(max-width: 500px) {
	div.popup-detail-price-overlay .popup-price-box h3{
		font-size: 1rem!important;
	}
	div.popup-detail-price-overlay .popup-price-box .table-price-detail p{
		font-size: .8rem!important;
	}
	div.popup-detail-price-overlay .popup-price-box .main-block-of-price .price_jp p:first-child{
		white-space: wrap;
	}
	div.popup-detail-price-overlay .popup-price-box .main-block-of-price .price_jp{
		width: 100%;
	}
	div.popup-detail-price-overlay .popup-price-box .main-block-of-price .table-price-detail .price-row p.final-price-row{
		font-size: 1rem!important;
	}
	div.popup-detail-price-overlay .popup-price-box .main-block-of-price .table-price-detail .price-row span.final-price-row-jp{
		font-size: .8rem!important;
	}
	.price-row-jp{
		font-size: .8rem!important;
	}
	div.popup-detail-price-overlay .popup-price-box .table-price-detail p.price-row{
		font-size: .9rem!important;
	}
	div.popup-detail-price-overlay .popup-price-box .main-block-of-price .final_price{
		flex-direction: column;
		padding-left: 0;
	}
	div.popup-detail-price-overlay .popup-price-box .main-block-of-price .final_price p.shadow-rice{
		padding-top: 0;
	}
	/*div.popup-detail-price-overlay .popup-price-box .main-block-of-price .final_price p.main-rice{*/
	/*	padding-bottom: 0;*/
	/*}*/

	div.popup-detail-price-overlay .popup-price-box .main-block-of-price .final_price p{
		padding-bottom: 20px;
		padding-top: 20px;
	}

}
@media(max-width: 440px){
	div.popup-detail-price-overlay .popup-price-box .price-row{
		flex-direction: column;
		gap: 0;
	}
	.cs-scroll-box{
		margin-top: 50rem!important;
	}
}
@media(max-width: 340px){
	.cs-scroll-box{
		margin-top: 60rem!important;
	}
}
/* подробная цена лота*/
