@charset "utf-8";

body{
	background-color: #ededef !important;
}
.top-25 {
  top: 25% !important;
}
a{
	text-decoration:none;
}

/*Відключаємо стрілочки в input типу number*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
/*END Відключаємо стрілочки в input типу number*/
.fs-50{
	font-size: 50%;
}
.fs-60{
	font-size: 60%;
}
.fs-70{
	font-size: 70%;
}
.fs-80{
	font-size: 80%;
}
.fs-90{
	font-size: 90%;
}

.body-container{
	margin-left: auto;
	margin-right: auto;
	max-width: 1140px;
}
.mobile-header{
	z-index: 3;
	position: sticky;
	top: 0;
	will-change: transform;
	
}
.mobile-header-buttons{
	background-color: #292929;
}
.mobile-header-i{
	color:white;
	font-size:130%;
	cursor: pointer;
}
.contacts-container{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 0px 6px 15px 0px #a4a4a4;
}
.nowrap{
	white-space:nowrap;
}
.w100{
	width: 100%;
}
.h100{
	height: 100%;
}
.subFoldersContainer > div > div{
	background-color: white;
}
.subFoldersContainer img{
	max-width: 100%;
	margin-bottom: 5px;
}
.subFoldersContainer hr{
	margin: 0;
	border-top-color: #ededef;
}
.subFoldersContainer .text{
	padding: 0px 5px 10px 5px;
}
.subFoldersContainer a, .subFoldersContainer a:visited{
	color:#333;
}
.subFoldersContainer .subFolder:hover{
	box-shadow: 0px 0px 20px 0px #999;
	transition: .4s;
}
.productContainer{
	background-color: white;
	height: 100%;
}
.productContainer a{
	color:#333;
}

.productContainer .oldPrice{
	
}
.cart .product-img{
	width: 60px;
}
.cart .cart-table td{
	border-bottom: solid 1px var(--bs-gray-300);
}
.cart .products-total-area, .cart .cart-total-area{
	background-color: white;
	border-radius: 5px;
}
.cart .productRow{
  display: grid;
  grid-template-columns: minmax(30px, max-content) 1fr minmax(30px, max-content);
	border:solid 1px #dee2e6;
	border-radius:8px;
}
.cart .productRow > .picture, .cart .productRow > .product-price{
	display:flex;
	align-items:center;
}
.cart-out .mini-img{
	width: 60px;
}

body{
	opacity: 1 !important;
	transition: 0.1s;
}
.breadcrumb{
	background-color: white;
	 display: flex;
    align-items: center;
    flex-wrap: nowrap;      /* не переносити */
    overflow-x: auto;       /* горизонтальний скрол */
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;  /* Firefox, необов'язково */
}
.breadcrumb a, .breadcrumb i {
    flex: 0 0 auto;         /* не стискати елементи */
}
.breadcrumb a {
    white-space: nowrap;
}
.lgLeftContainer{
	background-color: white;
	width: 100%;
	border-radius: 3px;
}
.lgLeftContainer a:hover{
	background-color: var(--bs-primary-bg-subtle);
}
.product-picture{
	max-height: 600px;
	max-width: 100%;
}
.product-picture-thumb{
	max-height: 60px;
	cursor: pointer;
	border:solid 1px #e9ecef;
}
@media (max-width: 768px){
	.btn-bye{
		width: 100%;
	}
}

/*Картки товарів в низу сторінки з товаром*/
.bottomContainer{
		background-color: white;
}
.bottomProducts {
	display: flex;
	flex-wrap: nowrap;     /* не переносити на новий рядок */
	gap: 15px;             /* відстань між картками */
	overflow-x: auto;      /* горизонтальна прокрутка */
	overflow-y: hidden;
padding-bottom: 10px;  /* щоб скрол не перекривав контент */
}
.bottomProduct {
	flex: 0 0 250px;       /* ширина картки */
	border-right: 1px solid #ddd;
	background: #fff;
}
.bottomProduct img{
	transition: transform 0.15s ease;
}
.bottomProduct:hover img{
	transform: scale(1.05);
}
.bottomProduct a{
	color:#333;
}
/*END Картки товарів в низу сторінки з товаром*/

