* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: system-ui;
  background: #f6f3ef;
  color: #0b1220;
}

a { text-decoration: none; color: inherit; }
.container { max-width: 1200px; margin: auto; padding: 0 1rem; }

.site-header {
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.nav {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
}
.logo { font-weight: 900; letter-spacing: 2px; }

.products-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 1.5rem;
}

.product-card {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 16px;
  overflow: hidden;
}

.product-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.product-body {
  padding: 1rem;
}

.price {
  font-weight: 800;
  margin: .5rem 0;
}

button {
  padding: .6rem 1.2rem;
  border-radius: 999px;
  border: none;
  background: #0b1220;
  color: #fff;
  cursor: pointer;
}

/* ================= PREMIUM FOOTER ================= */
/* ================= PROFESSIONAL FOOTER ================= */

.site-footer{
  background:#f6f3ef;
  color:#0b1220;
  margin-top:40px;     /* smaller gap from content */
  padding:40px 0 0;    /* reduced top padding */
}




.footer-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:50px;
  padding-bottom:50px;
}

.footer-logo img{
  height:100px;
  width:auto;
}


.footer-brand p{
  margin-top:20px;
  font-size:.95rem;
  line-height:1.7;
  color:#64748b;
  max-width:340px;
}


.footer-col h4{
  margin-bottom:20px;
  font-size:.9rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#0b1220;
}

.footer-col a{
  display:block;
  margin-bottom:12px;
  font-size:.9rem;
  color:#475569;
  transition:all .2s ease;
}

.footer-col a:hover{
  color:#0b1220;
  transform:translateX(4px);
}

.footer-bottom{
  border-top:1px solid #e5e2dd;
  text-align:center;
  padding:22px 0;
  font-size:.9rem;
  color:#64748b;
  background:#f1eee9;
}


/* Responsive */
@media(max-width:992px){
  .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:40px;
  }
}

@media(max-width:600px){
  .footer-grid{
    grid-template-columns:1fr;
    text-align:center;
  }

  .footer-brand p{
    margin:auto;
  }
}



.auth-modal{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    justify-content:center;
    align-items:center;
    z-index:9999;
}

.auth-content{
    background:white;
    padding:30px;
    width:350px;
    border-radius:12px;
    position:relative;
    box-shadow:0 20px 50px rgba(0,0,0,0.2);
}

.auth-content h2{
    margin-bottom:20px;
}

.auth-content input{
    width:100%;
    padding:10px;
    margin-bottom:12px;
    border:1px solid #ddd;
    border-radius:6px;
}

.auth-content button{
    width:100%;
    padding:10px;
    background:#111;
    color:white;
    border:none;
    border-radius:6px;
    cursor:pointer;
}

.close-btn{
    position:absolute;
    top:10px;
    right:15px;
    font-size:20px;
    cursor:pointer;
}

.product-card{
  transition:all .25s ease;
}

.product-card:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.trust-grid div{
  font-weight:600;
}