body{margin:0;font-family:Arial,sans-serif;background:#f7f9fb;color:#07203a}
header{background:#012b44;color:white;padding:15px}
header h1{margin:0;font-size:24px}
header p{margin:3px 0 0;font-size:14px}
nav a{color:white;margin-left:15px;text-decoration:none;font-weight:bold}
footer{background:#051726;color:#9fb0be;padding:15px;font-size:13px}
.section{padding:20px}
.card{background:white;border:1px solid #e9eef2;border-radius:6px;padding:10px;margin-bottom:10px}
.card img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 6px;
    max-height: 300px;
    background-color: #f5f5f5; /* optional, makes it look clean */
}
.card h3{margin:5px 0 2px}
.price{color:#012b44;font-weight:bold}
.card img {
    display: block;
    margin: 0;
    margin-left: 0;  
}
.card {
    text-align: left;
}
/* ----- Lightbox Styles ----- */
.lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

.lightbox.open {
  display: flex;
}

.lightbox-inner {
  position: relative;
  max-width: 90%;
  max-height: 90%;
  background: #000;
  padding: 10px;
  border-radius: 6px;
}

.lightbox-inner img {
  max-width: 100%;
  max-height: 80vh;
  object-fit: contain;
}

.lightbox-close {
  position: absolute;
  top: 4px;
  right: 12px;
  font-size: 32px;
  color: white;
  cursor: pointer;
}