:root{
  --bg1:#0f172a;
  --bg2:#1e293b;
  --bg3:#334155;
  --gold:#e6c76e;
  --muted: background:#94bedf;
  --card:rgba(1724230a#);
  --radius:12px;
}

*{margin:0;padding:0;box-sizing:border-box}

body{
  font-family:"Segoe UI",system-ui,sans-serif;
  background:#94bedf;
  color:#fff;
}

/* NAVBAR */
.nav{
  position:sticky;top:0;z-index:100;
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 18px;
  background:rgb(3, 7, 42);
  backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(255,255,255,.1);
}

.brand a{
  color:var(--gold);
  font-size:1.35rem;
  font-weight:700;
  text-decoration:none;
}

.nav-links{
  list-style:none;
  display:flex;
  gap:14px;
}

.nav-links a{
  text-decoration:none;
  color:#fff;
  padding:6px 10px;
  border-radius:8px;
  transition:.25s;
}

.nav-links a:hover,
.nav-links a.active{
  background:linear-gradient(135deg,var(--gold),#fff2b0);
  color:#111;
}

.hamburger{
  display:none;
  font-size:1.6rem;
  background:none;border:none;color:#fff;
}

/* HERO */
.hero{
  padding:60px 20px;
  display:grid;
  gap:30px;
  text-align:center;
}

.hero h1{
  color:var(--gold);
  font-size:2.4rem;
}

.hero p{
  max-width:700px;
  margin:auto;
  color:var(--muted);
  line-height:1.6;
}

.hero-images{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:24px;
  align-items:stretch;
  margin-top:20px;
}

.owner-img{
  background:var(--card);
  padding:12px;
  border-radius:var(--radius);
}

.owner-img img{
  width:100%;
  height:260px;
  object-fit:cover;
  object-position:center;
  border-radius:12px;
}

.owner-img img:hover{
  transform:scale(1.05);
}

.owner-img p{
  margin-top:8px;
  font-weight:500;
}

/* SECTIONS */
.container{
  padding:50px 20px;
  max-width:1100px;
  margin:auto;
}

h2{
  color:var(--gold);
  margin-bottom:16px;
  text-align:center;
}

.about-card{
  background:var(--card);
  border-radius:var(--radius);
  padding:30px;
}

.bullets{
  margin-top:10px;
  margin-left:20px;
}

/* PRODUCTS */
.product-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}

.product-card{
  background:var(--card);
  padding:14px;
  border-radius:var(--radius);
  text-align:center;
}

.product-card img{
  width:100%;
  height:200px;
  object-fit:contain;
  border-radius:10px;
  transition:.35s;
}

.product-card img:hover{
  transform:scale(1.05);
}

.product-card h4{
  margin-top:10px;
  color:var(--gold);
}

/* BUTTON */
.btn{
  display:inline-block;
  margin-top:20px;
  padding:10px 18px;
  background:var(--gold);
  color:#111;
  font-weight:600;
  border-radius:8px;
  text-decoration:none;
  transition:.25s;
}

.btn:hover{transform:translateY(-3px)}

/* FOOTER */
.site-footer{
  background:linear-gradient(135deg,#020617,#020617);
  padding:20px;
  text-align:center;
  border-top:3px solid var(--gold);
}

.social-links img{
  margin:20px;
  filter:brightness(1.2);
}

/* MOBILE */
@media(max-width:768px){
  .nav-links{display:none;flex-direction:column;background:#020617;padding:12px;border-radius:10px;margin-top:10px}
  .nav-links.open{display:flex}
  .hamburger{display:block}
}


@media(max-width:600px){
  .owner-img img{
    height:200px;
  }
  .product-card img{
    height:160px;
  }
}

/* Mobile-friendly adjustments */
@media (max-width: 768px) {
  .home-top-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }