.fsbp-drawer { margin-top: 16px; }
.fsbp-drawer__title {
  margin: 0 0 12px; font-family: Mada, sans-serif; font-size: 14px; font-weight: 600;
  line-height: 1.3; color: #1d1d1d; text-transform: uppercase; letter-spacing: 0.05em;
}
.fsbp-drawer__item {
  display: flex; align-items: center; gap: 12px; padding: 10px 0;
  border-top: 1px solid #eaeaea;
}
.fsbp-drawer__img-link { flex: 0 0 64px; display: block; }
.fsbp-drawer__img { display: block; width: 64px; height: 64px; object-fit: contain; }
.fsbp-drawer__info { flex: 1 1 auto; min-width: 0; }
.fsbp-drawer__name {
  display: -webkit-box; margin-bottom: 6px; overflow: hidden;
  -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  font-family: Mada, sans-serif; font-size: 12px; font-weight: 600; line-height: 1.3;
  color: #1d1d1d; text-decoration: none; text-transform: uppercase;
}
.fsbp-drawer__name:hover { color: #c30c20; }
.fsbp-drawer__row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.fsbp-drawer__price {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px;
  font-family: Mada, sans-serif; font-size: 14px; font-weight: 900; line-height: 20px; color: #c30c20;
}
.fsbp-drawer__price-old {
  position: relative; display: block; font-size: 13px; font-weight: 900;
  color: #000; text-decoration: none;
}
.fsbp-drawer__price-old::after {
  content: ''; position: absolute; left: 0; right: 0; top: 8px;
  height: 2px; background: #c30c20; transform: rotate(-13deg);
}
.fsbp-drawer__btn {
  flex: 0 0 auto; padding: 6px 10px; border: 0; border-radius: 0 8px;
  background: #c30c20; color: #fff; cursor: pointer;
  font-family: Mada, sans-serif; font-size: 11px; font-weight: 600;
  text-transform: uppercase; letter-spacing: 0.05em; transition: background 0.2s ease;
}
.fsbp-drawer__btn:hover { background: #a00a1a; }
.fsbp-drawer__btn:disabled { background: #aaa; cursor: not-allowed; }