.nut-product-pairing {
  margin: 20px 0;
  padding: 18px;
  border: 1px solid #dce9d6;
  border-radius: 16px;
  background: linear-gradient(135deg, #fbfdf8 0%, #f1f8ed 100%);
}

.nut-product-pairing__heading {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 14px;
}

.nut-product-pairing__spark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #fff;
  background: #2f7649;
}

.nut-product-pairing__eyebrow {
  display: block;
  margin-bottom: 2px;
  color: #5b8651;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nut-product-pairing__heading h2 {
  margin: 0;
  color: #25452e;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
}

.nut-product-pairing__item {
  display: grid;
  grid-template-columns: 22px 56px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #e1eadc;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.nut-product-pairing__item:hover,
.nut-product-pairing__checkbox:focus-visible + .nut-product-pairing__check {
  border-color: #79a96b;
  box-shadow: 0 7px 16px rgba(44, 98, 59, .1);
}

.nut-product-pairing__item:hover {
  transform: translateY(-1px);
}

.nut-product-pairing__checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.nut-product-pairing__check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 1px solid #afc5ac;
  border-radius: 6px;
  color: transparent;
  background: #fff;
  transition: all .2s ease;
}

.nut-product-pairing__checkbox:checked + .nut-product-pairing__check {
  border-color: #2f7649;
  color: #fff;
  background: #2f7649;
}

.nut-product-pairing__image {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 56px;
  height: 56px;
  border-radius: 10px;
  color: #4e8a53;
  background: #edf5e9;
}

.nut-product-pairing__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nut-product-pairing__copy {
  min-width: 0;
}

.nut-product-pairing__copy strong,
.nut-product-pairing__copy small {
  display: block;
}

.nut-product-pairing__copy strong {
  overflow: hidden;
  color: #2b3d2f;
  font-size: 14px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nut-product-pairing__copy small {
  margin-top: 3px;
  color: #768174;
  font-size: 12px;
}

.nut-product-pairing__price {
  color: #28623a;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
}

.nut-product-pairing__notice,
.nut-product-pairing__status {
  margin: 11px 0 0;
  font-size: 12px;
  line-height: 1.5;
}

.nut-product-pairing__notice {
  color: #6d796b;
}

.nut-product-pairing__notice i {
  margin-right: 4px;
  color: #5a9654;
}

.nut-product-pairing__status {
  display: none;
  font-weight: 700;
}

.nut-product-pairing__status.is-visible {
  display: block;
}

.nut-product-pairing__status.is-success { color: #25713e; }
.nut-product-pairing__status.is-error { color: #b13e3e; }

@media (max-width: 575.98px) {
  .nut-product-pairing { padding: 15px; }
  .nut-product-pairing__item { grid-template-columns: 22px 48px minmax(0, 1fr); gap: 10px; }
  .nut-product-pairing__image { width: 48px; height: 48px; }
  .nut-product-pairing__price { grid-column: 3; }
}

@media (prefers-reduced-motion: reduce) {
  .nut-product-pairing__item { transition: none; }
  .nut-product-pairing__item:hover { transform: none; }
}