/* ---start indexpage 18 ---*/


* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	1margin: 0;
	1padding: 0;
	1box-sizing: border-box;
	font-family: Arial, sans-serif;
	
}

body {
	font-family: Arial, sans-serif;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	/* Offset body padding to account for fixed headers (40px + 50px = 90px) */				
	1background-color: #f4f7f6;
	1display: flex;
	1justify-content: center;
	1align-items: center;
	1min-height: 100vh;
	
}
			
.content{
	max-width:1440px;
	margin:0 auto;
	width:100%;
	padding :0 15px;
}
* {
	
}

body {
	1background-color: #f4f4f4;

}
/* ---end indexpage 40 ---*/
body{
	1padding-top: 50px;
}

.logo-header {
	1position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	1height: 50px;
	background-color:#ffffff;/* ;3498db*/
	color: #333333;
	border-bottom: 1px solid #ddd;
	display: flex;
	align-items: center;
	1padding: 0 20px;
	font-size: 25px;
	font-weight: bold;
	z-index: 1000;
	transition: transform 0.3s ease-in-out;
}

header > .header-content{
	padding-top:5px;
	padding-bottom:5px;
}

.hide-logo {
	transform: translateY(-50px);
}

.btn , .btn-highlighted{
	font-size:1rem;
	padding:5px 10px;
	display:inline-block;
	text-decoration:none;
	width:85px;
	text-align: center;
}
.btn {
	border:1px solid #3498db;
	color:#2a7db5;
}
.btn:hover {
	color:#2a7db5;
}
.btn:hover, .btn-highlighted:hover{
	1color:black;
	text-decoration:none;
	font-weight:bold;
}
.btn-highlighted:hover{
	color:white;
}

.btn-highlighted{
	background-color:#3498db;
	color:white;
	font-weight:bold;
	border-radius:5px;
}


			.logo { 
				font-size: 1.5rem; 
				font-weight: 800; 
				color: var(--primary); 
				text-decoration: none; 
				display: inline-flex; 
				align-items: center; 
				gap: 8px; 
				b1ackground-color:yellow;
			}
			.logo:hover { 
				text-decoration: none; 
			}
			
			/*.nav-right { 
				display: flex;
				align-items: center;
				gap: 20px;
			}*/
			.cart-link {
		position: relative;
		padding:0 10px;
	}
	
	.cart-link span{
		position: absolute;
		right: 10px;
		top: 0;
		background-color: #3498db;
		border-radius: 10px;
		font-size: 0.5rem;
		padding: 3px 5px;
		color: white;
	}
	.cart-link img{
		height:25px;
	}		
.main-content {
	flex: 1;
	1padding: 30px;
	1max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
}
.footer {
	1background-color: #2f3542;
	1color: #ffffff;
	border-top:1px solid grey;
	background-color: #3498db;
	color: white;
	
	text-align: center;
	padding: 10px;
	font-size: 14px;
}