@charset "utf-8";
/* CSS Document */
:root{
  --bg: #f7f7f8;
  --alt: #f3f0ea;    /* warm neutral */
  --ink: #161616;
  --muted: #6b6b6b;
  --card: #ffffff;
  --line: rgba(0,0,0,.08);
}

body{
  background: var(--bg);
  color: var(--ink);
}

.brand{
  letter-spacing: .2px;
}

.section{
  padding: 64px 0;
}

.section-alt{
  background: var(--alt);
}

.hero-section{
  background: #fff;
}

.eyebrow{
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .78rem;
  color: var(--muted);
}

.hero-image-wrap{
  border-radius: 1.25rem;
  overflow: hidden;
}

.hero-image{
  width: 100%;
  height: auto;
  display: block;
}

.trustbar{
  background: #fff;
}

.trust-item{
  font-size: .95rem;
  color: var(--muted);
}

.soft-card{
  border: 1px solid var(--line);
  border-radius: 1.25rem;
  background: var(--card);
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
}

.soft-card .card-body{
  padding: 1.25rem;
}

.product-card{
  border: 1px solid var(--line);
  border-radius: 1.25rem;
  overflow: hidden;
  background: var(--card);
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
  height: 100%;
  transition: transform .18s ease, box-shadow .18s ease;
}

.product-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
}

.product-img{
  aspect-ratio: 4/3;
  object-fit: cover;
  width: 100%;
  background: #eee;
}

.rating{
  font-size: .9rem;
  color: var(--muted);
}

.rating .stars{
  color: #b58b2a; /* warm gold */
  letter-spacing: .08em;
}

.rating-big .stars{
  color: #b58b2a;
  letter-spacing: .12em;
  font-size: 1.1rem;
}

.newsletter{
  background: #fff;
  border: 1px solid var(--line);
}

.footer-title{
  font-weight: 600;
  font-size: .9rem;
  margin-bottom: .5rem;
}

.footer-link{
  color: var(--muted);
  text-decoration: none;
}

.footer-link:hover{
  color: var(--ink);
  text-decoration: underline;
}