/* Main stylesheet for Bosa Technologies multi-page site */
:root{
  --accent:#004466;
  --accent-2:#006680;
  --muted:#eef6fa;
  --card:#f7fbfd;
}
*{box-sizing:border-box}
body{font-family:Arial, Helvetica, sans-serif;margin:0;color:#222;background:#f4f7f9}
.header{
	background: linear-gradient(135deg,var(--accent),var(--accent-2));
	color: #fff;
	padding: 20px 10px;
	display: flex;
	align-items: center;
	gap: 15px;
}
.header img{height:64px;width:auto}
.nav{margin-left:auto}
.nav a{color:#fff;margin:0 8px;text-decoration:none;font-weight:600}
.container{max-width:1100px;margin:30px auto;padding:0 15px}
.hero{
  background-image:linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url('images/product_1.jpg');
  background-size:cover;background-position:center;border-radius:10px;color:#fff;padding:80px 30px;margin-bottom:20px;
}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card{background:var(--card);padding:18px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.footer{background:var(--accent);color:#fff;padding:20px;text-align:center;margin-top:30px;border-radius:0 0 8px 8px}
img.responsive{max-width:100%;height:auto;border-radius:8px}
.contact-box{background:var(--muted);padding:18px;border-radius:8px}
.form-row{display:flex;gap:10px;margin-bottom:10px}
.form-row input,.form-row textarea{flex:1;padding:10px;border:1px solid #d7e3ea;border-radius:6px}
.btn{background:var(--accent);color:#fff;padding:10px 16px;border:none;border-radius:6px;cursor:pointer}
@media(max-width:600px){
  .header{flex-direction:column;align-items:flex-start}
  .nav{margin-left:0}
}