/* Improved, clean, modern styles for Unlimited Glory Steel Ventures */
:root{
  --brown:#7B3F00;
  --dark:#111;
  --muted:#666;
  --bg:#fff;
  --max-width:1100px;
  --radius:12px;
  --gap:1rem;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  color-scheme: light;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.wrap{max-width:var(--max-width);margin:0 auto;padding:1rem}
.header{background:linear-gradient(180deg, rgba(123,63,0,0.03), transparent);border-bottom:1px solid #eee;position:sticky;top:0;z-index:40}
.header .wrap{display:flex;align-items:center;gap:1rem}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:inherit}
.brand-logo{width:56px;height:56px}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-name{font-weight:700}
.brand-tag{font-size:.85rem;color:var(--muted)}
.nav{margin-left:auto;display:flex;gap:0.6rem;align-items:center}
.nav-link{padding:.5rem .7rem;text-decoration:none;color:inherit;border-radius:8px}
.nav-link:hover{background:#fff;box-shadow:0 6px 14px rgba(0,0,0,0.04)}
.nav-link.active{background:var(--brown);color:#fff}
.cta{background:var(--brown);color:#fff}
.hamburger{display:none;background:transparent;border:0;font-size:1.6rem;margin-left:12px}

/* Hero */
.section{padding:2.2rem 0}
.hero-grid{display:grid;grid-template-columns:1fr 420px;gap:2rem;align-items:center}
.hero-content h1{font-size:clamp(1.4rem,2.8vw,2.4rem);margin:0 0 .6rem}
.hero-content p{color:var(--muted);margin:0 0 1rem}
.hero-actions .btn{margin-right:.6rem}
.hero-image img{width:100%;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.06)}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.card{background:#fff;padding:1.2rem;border-radius:12px;box-shadow:0 6px 20px rgba(11,11,11,0.04)}
.card h3{margin:0 0 .5rem}

/* Products */
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}
.product{background:#fff;border-radius:12px;padding:1rem;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,0.04)}
.product img{width:84px;height:84px;object-fit:contain;margin-bottom:.6rem}

/* Contact strip */
.contact-strip{background:#faf9f8;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:.8rem 0;margin-top:1.4rem}
.contact-strip-grid{display:flex;gap:2rem;justify-content:space-between;align-items:center}
.contact-strip a{color:var(--dark);text-decoration:none}

/* Products page */
.products-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.2rem}
.product-card{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.04);text-align:center}
.product-card img{width:72px;height:72px;display:block;margin:0 auto 0.6rem}

/* Contact page */
.contact-grid{display:grid;grid-template-columns:1fr 360px;gap:1.4rem;align-items:start}
.contact-card{background:#fff;padding:1.2rem;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.04)}
.contact-aside{background:transparent}
.contact-form label{display:block;margin-bottom:.6rem;font-weight:600}
.contact-form input,.contact-form textarea{width:100%;padding:.7rem;border:1px solid #e6e6e6;border-radius:8px;margin-top:.35rem}
.form-actions{display:flex;gap:.6rem;align-items:center;margin-top:.6rem}

/* Footer */
.footer{background:#111;color:#fff;margin-top:2rem;padding:1.2rem 0}
.footer-grid{display:grid;grid-template-columns:1fr 200px 180px;gap:1rem;align-items:start}
.footer-logo{width:60px;height:60px}
.footer a{color:inherit;text-decoration:none}
.footer-links{list-style:none;padding:0;margin:0}

/* Utilities */
.btn{display:inline-block;padding:.6rem 1rem;border-radius:10px;text-decoration:none;background:var(--dark);color:#fff}
.btn-outline{background:transparent;border:1px solid var(--dark);color:var(--dark)}
.center{text-align:center}
.content{padding:1rem 0}

/* Responsive */
@media (max-width:1000px){
  .hero-grid{grid-template-columns:1fr}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .cards{grid-template-columns:repeat(2,1fr)}
  .products-list{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .nav{display:none}
  .hamburger{display:block;margin-left:auto}
  .cards{grid-template-columns:1fr}
  .product-grid{grid-template-columns:1fr}
  .products-list{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}