/* Nail salon — soft pink blush, Quicksand, feminine cards */
:root {
  --bn-bg: #fff5f7; --bn-pink: #e891a3; --bn-deep: #c45c74;
  --bn-ink: #3d2c32; --bn-muted: #8a6f78; --bn-card: #fff;
}
body.beauty-nails {
  font-family: "Quicksand", "Vazirmatn", Tahoma, sans-serif;
  background: var(--bn-bg); color: var(--bn-ink);
}
.bn-nav {
  display: flex; justify-content: space-between; align-items: center;
  width: min(1000px, 92%); margin: 0 auto; padding: 1.1rem 0;
}
.bn-nav .logo { font-weight: 700; font-size: 1.35rem; color: var(--bn-deep); }
.bn-nav a { margin-right: 1rem; font-weight: 600; font-size: .9rem; color: var(--bn-muted); }
.bn-nav a:hover { color: var(--bn-deep); }
.bn-hero {
  width: min(1000px, 92%); margin: 1rem auto 3rem; text-align: center;
  padding: 3rem 1.5rem; background: linear-gradient(180deg, #ffe4ec, #fff5f7);
  border-radius: 28px;
}
.bn-hero .tag {
  display: inline-block; background: #fff; color: var(--bn-deep);
  padding: .3rem .9rem; border-radius: 999px; font-size: .75rem; font-weight: 700; margin-bottom: 1rem;
}
.bn-hero h1 { font-size: clamp(1.9rem, 4vw, 2.8rem); font-weight: 700; margin-bottom: .75rem; }
.bn-hero p { color: var(--bn-muted); max-width: 30em; margin: 0 auto 1.5rem; }
.bn-hero img {
  width: min(420px, 90%); margin: 0 auto; border-radius: 20px;
  aspect-ratio: 4/3; object-fit: cover; box-shadow: 0 20px 50px rgba(196,92,116,.2);
}
.bn-sec { width: min(1000px, 92%); margin: 0 auto 3.5rem; }
.bn-sec h2 { text-align: center; font-size: 1.6rem; font-weight: 700; margin-bottom: .4rem; }
.bn-sec .lead { text-align: center; color: var(--bn-muted); margin-bottom: 1.75rem; }
.bn-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.15rem;
}
@media (max-width: 750px) { .bn-grid { grid-template-columns: 1fr; } }
.bn-card {
  background: var(--bn-card); border-radius: 18px; overflow: hidden;
  box-shadow: 0 8px 28px rgba(61,44,50,.06);
}
.bn-card img { aspect-ratio: 5/4; width: 100%; object-fit: cover; }
.bn-card .body { padding: 1.15rem 1.2rem 1.35rem; }
.bn-card h3 { font-weight: 700; margin-bottom: .3rem; }
.bn-card p { color: var(--bn-muted); font-size: .88rem; margin-bottom: .6rem; }
.bn-card .price { color: var(--bn-deep); font-weight: 700; }
.bn-gallery {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: .6rem; margin-bottom: 3rem;
}
@media (max-width: 700px) { .bn-gallery { grid-template-columns: repeat(2, 1fr); } }
.bn-gallery img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 12px; }
.bn-cta {
  background: var(--bn-deep); color: #fff; border-radius: 22px;
  padding: 2.5rem; text-align: center; margin-bottom: 2rem;
}
.bn-cta h2 { font-size: 1.5rem; margin-bottom: .5rem; }
.bn-cta a {
  display: inline-block; margin-top: 1rem; background: #fff; color: var(--bn-deep);
  padding: .7rem 1.5rem; border-radius: 999px; font-weight: 700;
}
.bn-foot { text-align: center; padding: 1.5rem; color: var(--bn-muted); font-size: .85rem; }
.bn-foot a { color: var(--bn-deep); font-weight: 700; }