:root {
  --semichim-green: #2f7d32;
  --semichim-green-dark: #1e5322;
  --semichim-yellow: #f2b705;
}

body {
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  color: #263229;
}

.site-header .navbar {
  background: var(--semichim-green-dark);
}

.site-header .navbar-brand,
.site-header .nav-link {
  color: #fff !important;
}

.site-header .nav-link:hover {
  color: var(--semichim-yellow) !important;
}

.hero {
  background: linear-gradient(135deg, var(--semichim-green) 0%, var(--semichim-green-dark) 100%);
  color: #fff;
  padding: 4rem 0;
}

.hero h1 {
  font-weight: 700;
}

.section-title {
  border-left: 4px solid var(--semichim-green);
  padding-left: .75rem;
  margin-bottom: 1.5rem;
}

.product-card {
  border: 1px solid #e2e6e2;
  border-radius: .5rem;
  overflow: hidden;
  transition: box-shadow .2s ease, transform .2s ease;
  height: 100%;
}

.product-card:hover {
  box-shadow: 0 .5rem 1.2rem rgba(0,0,0,.1);
  transform: translateY(-2px);
}

.product-card .product-img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  background: #f2f4f2;
}

.product-card .product-body {
  padding: 1rem;
}

.gallery-thumb {
  opacity: .7;
}

.gallery-thumb.active {
  opacity: 1;
  border-color: var(--semichim-green) !important;
  border-width: 2px !important;
}

.category-list .list-group-item.active {
  background: var(--semichim-green);
  border-color: var(--semichim-green);
}

.category-list .list-group-item {
  cursor: pointer;
}

.btn-semichim {
  background: var(--semichim-green);
  border-color: var(--semichim-green);
  color: #fff;
}

.btn-semichim:hover {
  background: var(--semichim-green-dark);
  border-color: var(--semichim-green-dark);
  color: #fff;
}

.site-footer {
  background: #1a1f1a;
  color: #cdd6ce;
  padding: 3rem 0 1.5rem;
  margin-top: 3rem;
}

.site-footer h5 {
  color: #fff;
  margin-bottom: 1rem;
}

.site-footer a {
  color: #cdd6ce;
  text-decoration: none;
}

.site-footer a:hover {
  color: var(--semichim-yellow);
}