.salesPage {
  --sales-accent: #c34c9e;
  --sales-ink: #343342;
  --sales-muted: #777784;
  background: #faf7fb;
}
.salesPage .mainCaption { align-items: center; padding: 14px 16px 8px; background: #fff; }
.salesPage .mainCaption h1 { color: var(--sales-ink); font-size: 19px; font-weight: 700; }
.salesPage .mainCaption .link-back a {
  display: flex; width: 36px; height: 36px; align-items: center; justify-content: center;
  border-radius: 12px; background: #f7f2f8; color: var(--sales-accent);
}
.salesPage__content { padding: 16px 16px 32px; }
.salesPage__intro {
  display: flex; gap: 14px; align-items: center; margin-bottom: 20px; padding: 18px;
  border: 1px solid #f1e3ee; border-radius: 20px;
  background: linear-gradient(110deg, #fff4fb, #fffaf6);
}
.salesPage__intro-icon {
  display: grid; flex: 0 0 44px; height: 44px; place-items: center;
  border-radius: 14px; background: linear-gradient(135deg, #bf429d, #ec8390); color: #fff;
}
.salesPage__intro strong { color: var(--sales-ink); font-size: 16px; }
.salesPage__intro p { margin: 4px 0 0; color: var(--sales-muted); font-size: 13px; line-height: 1.4; }
.salesPage .search-crumbs { gap: 8px; margin: 0 0 16px; padding: 0 0 4px; scrollbar-width: none; }
.salesPage .search-crumbs::-webkit-scrollbar { display: none; }
.salesPage .search-crumbs li {
  flex: 0 0 auto; height: auto; margin: 0; border: 1px solid #eadfea;
  border-radius: 13px; background: #fff;
}
.salesPage .search-crumbs li a { padding: 12px 14px; color: var(--sales-muted); font-size: 13px; font-weight: 700; }
.salesPage .search-crumbs li.active {
  border-color: transparent; background: linear-gradient(115deg, #bd459c, #e16b96);
  box-shadow: 0 6px 15px rgba(195, 76, 158, .18);
}
.salesPage .search-crumbs li.active a { color: #fff; }
.salesPage .salesPage__list { margin: 0; padding: 0; list-style: none; }
.salesPage__list li { margin-bottom: 11px; }
.salesPage .list li a.salesPage__card {
  display: flex; align-items: flex-start; justify-content: flex-start; gap: 12px;
  min-height: 0; margin: 0; padding: 17px;
  border: 1px solid #ece5ed; border-radius: 18px; background: #fff;
  box-shadow: 0 5px 18px rgba(49, 38, 53, .045);
  color: var(--sales-ink); text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}
.salesPage .list li a.salesPage__card:active { transform: scale(.99); }
.salesPage__card-icon {
  display: grid; flex: 0 0 40px; height: 40px; place-items: center;
  border-radius: 12px; background: #f8edf5; color: var(--sales-accent);
}
.salesPage__card-body { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 5px; }
.salesPage__card-type { color: var(--sales-accent); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.salesPage__card-body strong { color: var(--sales-ink); font-size: 15px; line-height: 1.3; }
.salesPage__card-detail { color: var(--sales-muted); font-size: 12px; line-height: 1.4; }
.salesPage__card-action { margin-top: 8px; color: var(--sales-accent); font-size: 12px; font-weight: 700; }
.salesPage__card-action i { margin-left: 4px; }
.salesPage__discount {
  flex: 0 0 auto; padding: 7px 9px; border-radius: 10px;
  background: #fff0f7; color: var(--sales-accent);
  font-size: 15px; font-weight: 800; white-space: nowrap;
}
.salesPage__empty { padding: 24px 12px; color: var(--sales-muted); text-align: center; }
@media (hover: hover) {
  .salesPage .list li a.salesPage__card:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(49, 38, 53, .1); }
}