
/* header
-------------------- */


/* horizontal menu */

#menu {
    background-color: #3b003d;
    min-height: 40px;
    border-radius: 0;
    border: 0;
}

#menu2_button .box-heading {
    color: #fff;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    padding: 0 10px;
    z-index: 3;
    position: relative;
    width: 100%;
    text-align: left;
    background: #630067 !important;
    border-radius: 4px;
}
.icorightmenu {float: right;font-size: 9px;}
.icorightmenu .fa {margin-top:13px; display:block; font-size:11px;}

#search .input-lg {
    height: 36px;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 4px 0 0 4px;
    border: 0;
    background: #630067;
    color: #fff;
    font-size: 15px;
    transition: 0.2s;
}
#search .btn-lg {
    line-height: 16px;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0 4px 4px 0;
    border: 0;
    background: #630067;
    color: #fff;
    outline: none;
    padding: 6px 15px;
}







#product__page {
	display: flex;
	flex-direction: column;
	min-height: 600px;
	margin-top: 10px;
}

#content.product__page h1 {

}




#product-top-info {
	display: flex;
	    justify-content: space-between;
}
#product-top-info.top__box {
	padding: 1rem;
	gap: 1rem;
}

#product-top-info .product__rating {
display: flex;
}

#product-top-info .product__rating .rating_text {
	margin-left: 10px;
}

#product-top-info .rating-box svg {
	width: 18px;
	height: 18px;
}



#product-main-navs {

}



/* product main block  */
#product-main-block {
	display: flex;
	justify-content: space-between;
}


/* product left col */
#product-left-section {
	position: relative;
	width: 40%;
	padding: 15px;
	padding-left: 0;
}


/* product right col */
#product-right-section {
	position: relative;
	width: 60%;
	padding: 15px;
	padding-right: 0;
}


/* product left col */
#product-left-section #main-image {

}


#product-left-section #dop__image {
	display: flex;
	flex-wrap: wrap;
    gap: 2px;
    justify-content: space-between;
}

#product-left-section #dop__image > a {
    width: calc((100% - 10px) / 6); 
    aspect-ratio: 1 / 1; /* Делает фото квадратными, можно убрать, если не нужно */
    box-sizing: border-box; /* Учитывает padding и border в ширине */
}

#product-left-section #main-sickers {
	position: absolute;
	top: 30px;
	left: 10px;
	z-index: 9;
}

#product-left-section #main-sickers .stick_base {
	font-size: 12px;
	padding: 2px 6px;
	border-radius: 6px;
}
.sticker_free_shipp {
    background-color: #b000ed;
    color: #ffffff;
}



#product-left-section #product-reviews 
.btn-review {
    color: #000;
    font-size: 16px;
    border: 0;
    background-color: #ffa200;
    padding: 8px 18px;
    line-height: 22px;
    font-weight: 400;
    transition: 0.3s;
    border-radius: 10px;
    width: 180px;
    margin-bottom: 20px;

}
#product-left-section #product-reviews 
.btn-review:hover,
#product-left-section #product-reviews 
.btn-review:focus {
    color: #000;
    background-color: #e79b17;
}







/* product right col */
#product-right-section #price_block {
	margin-bottom: 20px;
}


#product-right-section #product_block #button-cart {
	text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    color: #fff;
    font-size: 16px;
    border: 0;
    background-color: #000;
    padding: 8px 18px;
    line-height: 22px;
    font-weight: 400;
    transition: 0.3s;
    border-radius: 10px;
    width: 180px;
    margin-bottom: 20px;
}


.product-content-block .section__products {
    display: flex;
    flex-wrap: nowrap; /* Запрещаем перенос, чтобы все товары шли в один ряд */
    gap: 10px; /* Отступы между товарами */
    overflow-x: auto; /* Включаем горизонтальный скролл, если товары не помещаются */
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 1px;
}

.product-content-block .section__products .item {
    flex: 0 0 calc((100% - 50px) / 6); /* Фиксированная ширина для 6 товаров в ряд */
    box-sizing: border-box; /* Учитываем padding и border */
}