/* Korak 2 — gramaza. */
/* ================================================
   WEIGHT BUTTONS
   ================================================ */
.pk-weights {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.75rem;
  margin-bottom: 1rem;
}

@media (max-width: 460px) {
  .pk-weights { grid-template-columns: repeat(3, 1fr); }
}

.pk-weight-btn {
  border: 2px solid #E8DDD5;
  border-radius: 12px;
  padding: 0.875rem 0.5rem;
  cursor: pointer;
  background: #fff;
  font-family: inherit;
  transition: border-color 0.18s, background 0.18s;
  text-align: center;
}

.pk-weight-btn:hover { border-color: #C85A3B; }
.pk-weight-btn.selected { border-color: #C85A3B; background: #FEF3EF; }

.pk-weight-g {
  display: block;
  font-size: 1.0625rem;
  font-weight: 800;
  color: #2B1A10;
}

.pk-weight-price {
  display: block;
  font-size: 0.7rem;
  font-weight: 600;
  color: #7A6559;
  margin-top: 0.2rem;
}

.pk-note {
  font-size: 0.8125rem;
  color: #7A6559;
  padding: 0.75rem 1rem;
  background: #FEF3EF;
  border-radius: 8px;
  border-left: 3px solid #C85A3B;
  margin-bottom: 1.5rem;
  display: none;
  line-height: 1.5;
}