body {
	font-family: "Montserrat", sans-serif;
	font-size:16px;
	color:#141414;
}

        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            border: 2px solid #cf0000;
            padding: 8px;
        }
        th {
            /* background-color: #f2f2f2; */
            text-align: center;
        }
        td img {
            max-width: 100px;
            height: auto;
        }
        .category-header {
            background-image:url("images/title_bg.png");
			padding:20px 0px;
            color: red;
            text-align: center;
            font-weight: bold;
			text-transform:uppercase;
			background-repeat:no-repeat;
        }
        .subcategory-header {
            background-color: #ccc;
            /* text-align: center; */
            font-weight: bold;
			padding:10px 10px;
        }
        .quantity-controls {
            display: flex;
            align-items: center;
            justify-content: center;
			/* flex-direction:column; */
        }
        .quantity-controls input {
            width: 50px;
            text-align: center;
        }
        .quantity-controls button {
            width: 25px;
            height: 25px;
            background-color: #ddd;
            border: none;
            cursor: pointer;
			border-radius:50%;
        }
        .quantity-controls button:hover {
            background-color: #ccc;
        }
		
.item_product {
	/* outline:1px solid red; */
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:1px solid #d3d3d3;
}

.item_product_name {
	padding:10px;
}

.remove-from-cart {
	border:none;
	background:transparent;
}

.item_product_del {
	padding:10px;
}

.item_product_name {
	width:250px;
}

.quantity-controls input[type=number] {
	margin:0px 5px;
}

.cart_form {
	width:410px;
}

.cart_form input {
	width:100%;
	height:40px;
	border:1px solid #d3d3d3;
	border-radius:5px;
	padding:0px 10px;
	margin-top:5px;
}

.cart_form label {
	margin:5px 0px 0px 0px;
	display:block;
}

.cart-total {
	padding:10px;
	border:1px solid #d3d3d3;
	border-radius:5px;
	margin:10px 0px;
}

.cart-total div {
	/* outline:1px solid red; */
	padding:5px 0px;
}

.cart-total-order {
	padding:0px 0px 10px 0px;
}

.table_image {
	width:100px;
	text-align:center;
	padding:0px !important;
	/* display:flex; */
	align-items:center;
	background:#CA0101;
}

.table_desc_td {
	/* position:relative; */
	width:84px;
	padding:0px !important;
	background:#CA0101;
	text-align:center;
}

.table_desc {
	/* outline:1px solid red; */
	/* transform: rotate(-90deg); */
	display:block;
	color:#fff;
	/* outline:1px solid white; */
	padding:10px;
	/* display:block; */
}

.table_desc_video {
	/* height:30px; */
}

.sum_quantity {
	width:65px;
	text-align:center;
}

.table_price {
	width:65px;
	text-align:center;	
}

.table_overview span {
	color:orange;
	font-weight:600;
}

.blank_header {
	width:100%;
	height:95px;
	background-image:url("images/header_bg.png");
	background-repeat:no-repeat;
	background-size:100% 100%;
	/* background-size:cover; */
	position:sticky;
	top:1px;
	z-index:101;
}

.header_cart {
	position:absolute;
	right:50%;
	top:25%;
}

.header_cart button {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid #fff;
    padding: 10px;
    border-radius: 3px;
	background:transparent;	
	margin-bottom:10px;
	cursor:pointer;
}

#cart-summary {
	color:white !important;
}

.table_head_blank {
	background-color:#CA0101 !important;
	border: 2px solid #cf0000;
	color:white;
}

.table_head_blank th {
	border: 2px solid #cf0000;
}

.table_price, .sum_quantity {
	background:#ffe4e4;
}

.sum_quantity_bg {
	background:white;
}

#message-box {
    position: fixed;
    top: 20px;
    right: -400px; /* Изначально за экраном */
    width: 280px;
    padding: 15px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    color: #fff;
    z-index: 999999;
    transition: right 0.5s ease-in-out; /* Плавная анимация выдвижения */
}

.message-box.success {
    background-color: #4CAF50; /* Зеленый для успешного сообщения */
}

.message-box.error {
    background-color: #f44336; /* Красный для ошибки */
}