/* Mobile layout layer — подключается после остальных стилей.
   Все правила ниже действуют только на телефоне. */

@media (min-width: 681px) {
  /* Заголовок используется только в телефонной композиции первой рекомендации. */
  .sales-recommendation__featureTitle {
    display: none !important;
  }
}

@media (max-width: 680px) {
  /* Рекомендации: вертикальные компактные карточки с сохранёнными CTA. */
  body.sales-mode .sales-recommendations {
    margin: 0 0 34px !important;
    padding: 14px 10px 10px !important;
    border-radius: 18px !important;
  }

  body.sales-mode .sales-recommendations__head {
    display: block !important;
    margin: 0 0 11px !important;
    padding: 0 0 9px 9px !important;
  }

  body.sales-mode .sales-recommendations__head h2 {
    margin-top: 5px !important;
    font-size: 22px !important;
    line-height: 1.02 !important;
  }

  body.sales-mode .sales-recommendations__headNote,
  body.sales-mode .sales-recommendations__intent p {
    display: none !important;
  }

  body.sales-mode .sales-recommendations__intent {
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 0 10px !important;
    padding: 7px 8px !important;
    border-radius: 11px !important;
  }

  body.sales-mode .sales-recommendations__intentIcon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
  }

  body.sales-mode .sales-recommendations__intent strong {
    min-width: 0;
    font-size: 9px !important;
    line-height: 1.1 !important;
  }

  body.sales-mode .sales-recommendations__intentCount {
    grid-column: auto !important;
    margin: 0 !important;
    padding: 4px 6px !important;
    font-size: 8px !important;
  }

  body.sales-mode .sales-recommendations__grid {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation {
    grid-template-columns: 1fr !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border-radius: 16px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature {
    grid-template-rows: 142px auto auto !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--secondary {
    grid-template-rows: 142px auto auto auto !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__image {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    min-height: 142px !important;
    height: 142px !important;
    padding: 9px !important;
    border-radius: 15px 15px 0 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__image img {
    max-width: 100% !important;
    max-height: 122px !important;
    border-radius: 14px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__imageProduct {
    max-width: calc(100% - 18px) !important;
    padding: 4px 0 5px 6px !important;
    gap: 1px !important;
    border-left-width: 2px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__imageProduct .sales-recommendation__eyebrow {
    max-width: calc(100% - 50px);
    font-size: 6px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__imageProduct h3 {
    padding-right: 5px;
    font-size: 19px !important;
    line-height: .86 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__imageProductDesc {
    font-size: 6px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__badge,
  body.sales-mode .sales-recommendations .sales-recommendation__imageTag,
  body.sales-mode .sales-recommendations .sales-recommendation__imageHint {
    display: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__content {
    grid-column: 1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 11px 12px 9px !important;
    gap: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__eyebrow {
    margin-bottom: 5px !important;
    font-size: 7px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation h3 {
    min-width: 0;
    font-size: 20px !important;
    line-height: .98 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__body > p {
    display: -webkit-box !important;
    max-width: none !important;
    margin-top: 6px !important;
    overflow: hidden !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__points {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin-top: 7px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__points span {
    min-width: 0;
    min-height: 26px !important;
    gap: 4px !important;
    padding: 4px 5px !important;
    font-size: 8px !important;
    line-height: 1.12 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--secondary .sales-recommendation__details {
    grid-column: 1 !important;
    grid-row: 3 !important;
    min-width: 0 !important;
    padding: 8px 10px !important;
    border-left-width: 2px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__details > p {
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__footer {
    grid-column: 1 !important;
    grid-row: 3 !important;
    min-width: 0 !important;
    gap: 8px !important;
    padding: 9px 10px 10px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--secondary .sales-recommendation__footer {
    grid-row: 4 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__featureRow,
  body.sales-mode .sales-recommendations .sales-recommendation__slogan,
  body.sales-mode .sales-recommendations .sales-recommendation__actions,
  body.sales-mode .sales-recommendations .sales-recommendation__bottom {
    min-width: 0;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__sloganCopy strong {
    display: block;
    overflow: hidden;
    font-size: 9px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__sloganCopy small {
    font-size: 7px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__sloganCount {
    font-size: 8px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__bottom {
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    padding-top: 7px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__price strong {
    max-width: 100%;
    font-size: 18px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__actions {
    flex-wrap: nowrap !important;
    gap: 6px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__action {
    flex: 0 1 auto;
    min-width: 0 !important;
    min-height: 32px !important;
    padding-inline: 10px !important;
    border-radius: 10px !important;
    font-size: 8px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__stepper {
    height: 32px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__stepper .pstep__btn {
    width: 26px !important;
    height: 26px !important;
  }

  body.sales-mode .sales-recommendations__assurance {
    display: none !important;
  }

  /* Быстрый выбор: одна компактная колонка без лишнего вводного текста. */
  body.sales-mode .sales-chooser {
    margin: 0 !important;
    padding: 12px 10px 9px !important;
    border-radius: 18px 18px 0 0 !important;
  }

  body.sales-mode .sales-chooser__heading {
    margin: 0 0 9px !important;
  }

  body.sales-mode .sales-chooser h2 {
    margin-top: 5px !important;
    font-size: 20px !important;
    line-height: 1.02 !important;
  }

  body.sales-mode .sales-chooser__heading p {
    display: none !important;
  }

  body.sales-mode .sales-chooser__grid {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    margin-top: 0 !important;
  }

  body.sales-mode .sales-choice {
    height: auto !important;
    min-height: 0 !important;
    padding: 9px 35px 9px 10px !important;
    border-radius: 12px !important;
  }

  body.sales-mode .sales-choice__number {
    display: none !important;
  }

  body.sales-mode .sales-choice__title {
    margin-top: 0 !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
  }

  body.sales-mode .sales-choice__text {
    display: -webkit-box !important;
    max-width: none !important;
    margin-top: 3px !important;
    overflow: hidden !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.sales-mode .sales-choice__arrow {
    right: 9px !important;
    bottom: 50% !important;
    width: 20px !important;
    height: 20px !important;
    transform: translateY(50%) !important;
    font-size: 12px !important;
  }
}

/* V109 — во второй рекомендательной карточке на телефоне описание не
   дублирует уже показанные преимущества, поэтому освобождаем под него место. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--secondary > .sales-recommendation__details {
    display: none !important;
  }
}

/* V110 — мобильный просмотр наборов: быстрый выбор собираем в две колонки,
   а выбранную подборку и её варианты показываем без длинного вертикального
   полотна. Все элементы остаются полноценными touch-target-ами. */
@media (max-width: 680px) {
  body.sales-mode .sales-chooser {
    padding: 11px 10px 9px !important;
  }

  body.sales-mode .sales-chooser__heading {
    margin-bottom: 8px !important;
  }

  body.sales-mode .sales-chooser h2 {
    font-size: 18px !important;
    line-height: 1.05 !important;
  }

  body.sales-mode .sales-chooser__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.sales-mode .sales-choice {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 70px !important;
    height: 70px !important;
    justify-content: center !important;
    padding: 8px 25px 8px 9px !important;
    border-radius: 11px !important;
  }

  body.sales-mode .sales-choice__title {
    display: -webkit-box !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    font-size: 9.5px !important;
    line-height: 1.08 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body.sales-mode .sales-choice__text {
    display: -webkit-box !important;
    max-width: 100% !important;
    margin-top: 3px !important;
    overflow: hidden !important;
    font-size: 7.5px !important;
    line-height: 1.15 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body.sales-mode .sales-choice__arrow {
    right: 7px !important;
    width: 16px !important;
    height: 16px !important;
    font-size: 10px !important;
  }

  body.sales-mode .pcollection {
    margin-top: 28px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  body.sales-mode .pcollection__heading h2 {
    margin-top: 0 !important;
    font-size: 21px !important;
    line-height: 1 !important;
  }

  body.sales-mode .pcollection__heading p {
    max-height: 2.45em !important;
    min-height: 0 !important;
    margin-top: 6px !important;
    font-size: 9px !important;
    line-height: 1.22 !important;
  }

  body.sales-mode .pcollection__tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin-top: 11px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.sales-mode .pcollection__tab {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 5px !important;
    border-radius: 9px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.sales-mode .pcollection__view {
    gap: 8px !important;
    margin-top: 10px !important;
  }

  body.sales-mode .pcollection-feature {
    grid-template-columns: 112px minmax(0, 1fr) !important;
    grid-template-rows: 214px !important;
    min-height: 214px !important;
    height: 214px !important;
    border-radius: 16px !important;
  }

  body.sales-mode .pcollection-feature__media {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 112px !important;
    min-width: 112px !important;
    min-height: 214px !important;
    height: 214px !important;
  }

  body.sales-mode .pcollection-feature__imageFrame {
    width: 94px !important;
    max-width: 94px !important;
    border-radius: 14px !important;
  }

  body.sales-mode .pcollection-feature__category,
  body.sales-mode .pcollection-feature__oneRub {
    top: 7px !important;
    padding: 4px 5px !important;
    font-size: 6px !important;
  }

  body.sales-mode .pcollection-feature__category {
    left: 7px !important;
  }

  body.sales-mode .pcollection-feature__oneRub {
    right: 7px !important;
  }

  body.sales-mode .pcollection-feature__content {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 214px !important;
    height: 214px !important;
    padding: 10px 8px 8px !important;
    overflow: hidden !important;
  }

  body.sales-mode .pcollection-feature__kicker {
    font-size: 7px !important;
    line-height: 1 !important;
  }

  body.sales-mode .pcollection-feature__titleRow {
    gap: 5px !important;
    margin-top: 5px !important;
  }

  body.sales-mode .pcollection-feature__titleRow h3 {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  body.sales-mode .pcollection-feature__detailsBox {
    max-width: 100% !important;
    max-height: 72px !important;
    margin-top: 7px !important;
    padding: 6px 7px !important;
    border-radius: 9px !important;
  }

  body.sales-mode .pcollection-feature__detailsHead {
    gap: 3px !important;
    padding-bottom: 4px !important;
    font-size: 7px !important;
    line-height: 1 !important;
  }

  body.sales-mode .pcollection-feature__detailsHead span:last-child {
    display: none !important;
  }

  body.sales-mode .pcollection-feature__detailsBox .pcollection-feature__fullDescription {
    max-height: 42px !important;
    padding-top: 4px !important;
    font-size: 7px !important;
    line-height: 1.25 !important;
    scrollbar-width: none !important;
  }

  body.sales-mode .pcollection-feature__configDescription {
    max-height: 25px !important;
    margin-top: 5px !important;
    padding: 5px 6px !important;
    font-size: 7px !important;
    line-height: 1.15 !important;
    overflow: hidden !important;
  }

  body.sales-mode .pcollection-feature__foot {
    gap: 5px !important;
    padding-top: 6px !important;
  }

  body.sales-mode .pcollection-feature__why {
    font-size: 7px !important;
    line-height: 1 !important;
  }

  body.sales-mode .pcollection-feature__whyLine {
    gap: 3px !important;
  }

  body.sales-mode .pcollection-feature__whyMark {
    font-size: 9px !important;
  }

  body.sales-mode .pcollection-feature__whyIndex {
    font-size: 6px !important;
  }

  body.sales-mode .pcollection-feature__footRow {
    flex-direction: row !important;
    align-items: center !important;
    gap: 5px !important;
  }

  body.sales-mode .pcollection-feature__price .pprice__now {
    font-size: 15px !important;
  }

  body.sales-mode .pcollection-feature__actions {
    justify-content: flex-end !important;
    gap: 4px !important;
  }

  body.sales-mode .pcollection-feature__actions .pbtn--primary {
    min-height: 28px !important;
    padding: 0 7px !important;
    border-radius: 8px !important;
    font-size: 7px !important;
  }

  body.sales-mode .pcollection__options {
    min-height: 0 !important;
    max-height: none !important;
    padding: 8px !important;
    border-radius: 14px !important;
  }

  body.sales-mode .pcollection__optionsHead {
    gap: 5px !important;
    padding: 1px 2px 7px !important;
    font-size: 9px !important;
  }

  body.sales-mode .pcollection__optionsHint {
    font-size: 7px !important;
  }

  body.sales-mode .pcollection__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body.sales-mode .pcollection-option {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 73px !important;
    height: 73px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    padding: 4px !important;
    border-radius: 9px !important;
  }

  body.sales-mode .pcollection-option__icon {
    align-self: center !important;
    width: 100% !important;
    height: 39px !important;
    min-height: 39px !important;
    border-radius: 7px !important;
  }

  body.sales-mode .pcollection-option__text {
    display: block !important;
    min-width: 0 !important;
  }

  body.sales-mode .pcollection-option__text strong {
    display: block !important;
    max-width: 100% !important;
    max-height: 17px !important;
    font-size: 7.5px !important;
    line-height: 1.05 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body.sales-mode .pcollection-option__text small,
  body.sales-mode .pcollection-option__text .pcollection-option__oneRub {
    display: none !important;
  }

  body.sales-mode .pcollection-option__arrow {
    position: absolute !important;
    right: 4px !important;
    bottom: 3px !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }
}

/* V72 — финальная полировка первой рекомендации: меньше пустого воздуха,
   крупнее полезный текст и спокойнее соотношение изображения с контентом. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation--feature {
    grid-template-columns: minmax(0, 1fr) 108px !important;
    grid-template-rows: 110px auto !important;
    row-gap: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__image {
    width: 108px !important;
    min-width: 108px !important;
    min-height: 110px !important;
    height: 110px !important;
    padding: 5px !important;
    border-radius: 0 13px 0 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__image img {
    border-radius: 9px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__content {
    min-height: 110px !important;
    height: 110px !important;
    padding: 9px 8px 6px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__featureTitle {
    margin-bottom: 5px !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__body > p {
    max-height: 30px !important;
    padding: 4px 5px 4px 6px !important;
    font-size: 8px !important;
    line-height: 1.18 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__match {
    max-height: 25px !important;
    margin-top: 4px !important;
    padding: 3px 5px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__match span {
    font-size: 5px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__match strong {
    font-size: 7.2px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__footer {
    padding: 6px 8px 7px !important;
    gap: 3px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__featureRow {
    min-height: 27px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__sloganCopy strong {
    font-size: 8.5px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__featureInfo {
    min-height: 21px !important;
    padding: 3px 5px !important;
    font-size: 6.5px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__bottom {
    gap: 6px !important;
    padding-top: 4px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__price {
    row-gap: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__price > strong {
    font-size: 17px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__note {
    display: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__action {
    width: 106px !important;
    max-width: 106px !important;
    min-height: 29px !important;
    font-size: 7px !important;
  }
}

/* V83 — на мобильном второй рекомендованный товар не дублирует блок
   «Вам подойдёт, если»; у первой рекомендации описание остаётся полным. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature {
    grid-template-rows: 142px auto 78px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__content {
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__body {
    justify-content: flex-start !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__body > p {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 5px 8px !important;
    overflow: visible !important;
    border-left: 2px solid rgba(88, 242, 140, .52) !important;
    border-radius: 0 !important;
    background: rgba(5, 9, 12, .28) !important;
    color: rgba(255, 255, 255, .78) !important;
    font: 700 8.5px/10px var(--font-display) !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-line-clamp: unset !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__match {
    margin: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--secondary .sales-recommendation__match {
    display: none !important;
  }
}

/* V75 — мобильная версия первой персональной карточки повторяет иерархию
   ПК-версии: короткая метка, крупный промо-заголовок, описание и тезис. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature {
    grid-template-columns: minmax(0, 1fr) 108px !important;
    grid-template-rows: 132px auto !important;
    background: linear-gradient(135deg, rgba(88, 242, 140, .10), rgba(160, 120, 255, .06) 52%, rgba(8, 10, 15, .92)) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__image {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 108px !important;
    min-width: 108px !important;
    min-height: 132px !important;
    height: 132px !important;
    padding: 5px !important;
    border-left: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 0 14px 0 0 !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(0, 0, 0, .22)) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__image img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__content {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 132px !important;
    height: 132px !important;
    padding: 8px 8px 6px !important;
    overflow: hidden !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(4, 8, 12, .14)) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__imageProduct {
    display: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__featureTitle {
    display: block !important;
    order: -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 3px !important;
    overflow: hidden !important;
    color: rgba(88, 242, 140, .84) !important;
    font: 800 7px/1 var(--font-display) !important;
    letter-spacing: .12em !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__productSlogan {
    display: grid !important;
    order: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: 51px !important;
    margin: 0 0 4px !important;
    padding: 0 0 4px !important;
    overflow: hidden !important;
    border-left: 2px solid rgba(88, 242, 140, .76) !important;
    border-radius: 0 7px 7px 0 !important;
    background: linear-gradient(90deg, rgba(88, 242, 140, .12), rgba(160, 120, 255, .03) 80%, transparent) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__productSlogan::after {
    right: 0 !important;
    bottom: 0 !important;
    left: 6px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__productSloganCopy {
    display: block !important;
    grid-column: 1 !important;
    min-width: 0 !important;
    padding-left: 6px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__productSloganCopy strong {
    display: -webkit-box !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: rgba(255, 255, 255, .98) !important;
    font: 900 17px/.88 var(--font-display) !important;
    letter-spacing: -.035em !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__body > p {
    order: 1 !important;
    display: -webkit-box !important;
    width: 100% !important;
    max-height: 26px !important;
    margin: 0 !important;
    padding: 3px 5px 3px 6px !important;
    overflow: hidden !important;
    border-left: 2px solid rgba(88, 242, 140, .45) !important;
    border-radius: 0 6px 6px 0 !important;
    background: rgba(5, 9, 12, .30) !important;
    font-size: 7px !important;
    line-height: 1.14 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__match {
    order: 2 !important;
    width: 100% !important;
    max-height: 24px !important;
    margin: 4px 0 0 !important;
    padding: 3px 5px !important;
    overflow: hidden !important;
    background: rgba(5, 9, 12, .30) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__footer {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
  }
}

/* V74 — у базовых правил sales-variant выше специфичность: фиксируем именно
   первую карточку, чтобы скрытая третья grid-строка не оставляла пустоту. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature {
    grid-template-columns: minmax(0, 1fr) 108px !important;
    grid-template-rows: 132px auto !important;
    grid-auto-rows: 0 !important;
    align-content: start !important;
    row-gap: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__image {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__content {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__footer {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
  }
}

@media (max-width: 680px) {
  /* Категории и обычные товары: жёстко ограничиваем ширину и убираем распирание. */
  body.sales-mode .products,
  body.sales-mode .products .pbar,
  body.sales-mode .products .psections,
  body.sales-mode .products .pcat,
  body.sales-mode .products .pcat__body,
  body.sales-mode .products .pgrid,
  body.sales-mode .products .pcard,
  body.sales-mode .products .pcard__inner,
  body.sales-mode .products .pcard__row,
  body.sales-mode .products .pcard__media,
  body.sales-mode .products .pcard__imgwrap,
  body.sales-mode .products .pcard__side,
  body.sales-mode .products .pcard__variants,
  body.sales-mode .products .pcard__foot,
  body.sales-mode .products .pcard__footRow,
  body.sales-mode .products .pcard__why,
  body.sales-mode .products .pcard__meta {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.sales-mode .products .pbar {
    overflow: hidden !important;
  }

  body.sales-mode .products #pCategories {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 5px 8px !important;
    gap: 6px !important;
    scrollbar-width: none;
  }

  body.sales-mode .products #pCategories::-webkit-scrollbar {
    display: none;
  }

  body.sales-mode .products #pCategories .pchip,
  body.sales-mode .products #pCategories .pchip.is-active {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 28px) !important;
    transform: none !important;
  }

  body.sales-mode .products #pCategories .pchip:not(.is-active) {
    opacity: .86 !important;
  }

  body.sales-mode .products .psections {
    gap: 48px !important;
    padding-top: 18px !important;
  }

  body.sales-mode .products .pcat::before {
    left: 8px !important;
    top: -24px !important;
    max-width: calc(100% - 16px) !important;
    overflow: hidden !important;
    font-size: 13px !important;
    letter-spacing: .08em !important;
    text-overflow: ellipsis;
  }

  body.sales-mode .products .pcat__body {
    padding: 8px !important;
  }

  body.sales-mode .products .pgrid {
    gap: 8px !important;
  }

  body.sales-mode .products .pcard__inner {
    gap: 8px !important;
    padding: 8px !important;
  }

  body.sales-mode .products .pcard__row {
    gap: 8px !important;
    row-gap: 8px !important;
  }

  body.sales-mode .products .pcard__imgwrap {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    padding: 8px !important;
  }

  body.sales-mode .products .pcard__imgbox {
    width: 88px !important;
    min-width: 0 !important;
  }

  body.sales-mode .products .pcard__top {
    min-width: 0 !important;
    column-gap: 6px !important;
    row-gap: 4px !important;
  }

  body.sales-mode .products .pcard__group,
  body.sales-mode .products .pcard__hint {
    min-width: 0 !important;
  }

  body.sales-mode .products .pcard__group {
    font-size: 10.5px !important;
    line-height: 1.12 !important;
  }

  body.sales-mode .products .pcard__hint {
    font-size: 9.5px !important;
    line-height: 1.18 !important;
  }

  body.sales-mode .products .pcard__whyLine,
  body.sales-mode .products .pcard__whyText,
  body.sales-mode .products .pcard__actions {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.sales-mode .products .pcard__actions {
    gap: 4px !important;
  }

  body.sales-mode .products .pcard__actions .pbtn {
    min-width: 0 !important;
    padding-inline: 9px !important;
    font-size: 11px !important;
  }

  body.sales-mode .products .pcard__variants {
    gap: 6px !important;
    padding: 8px !important;
    border-radius: 16px !important;
  }

  body.sales-mode .products .pill {
    min-width: 0 !important;
    min-height: 34px !important;
    gap: 7px !important;
    padding: 7px 8px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
  }

  /* У tag-banner был более специфичный flex-layout, из-за него карточка
     оставалась широкой и складывала изображение с текстом вертикально. */
  body.sales-mode .products .pcard__imgwrap {
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    grid-template-areas: "img top" !important;
    align-items: start !important;
    column-gap: 8px !important;
  }

  body.sales-mode .products .pcard--tag-banner .pcard__imgwrap {
    grid-template-rows: auto auto !important;
    grid-template-areas: "tag tag" "img top" !important;
    row-gap: 6px !important;
  }

  body.sales-mode .products .pcard--tag-banner .pcard__tag {
    position: relative !important;
    inset: auto !important;
    grid-area: tag !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 20px !important;
    height: 20px !important;
    padding: 4px 8px !important;
    border-radius: 8px !important;
    font-size: 7px !important;
    line-height: 1.08 !important;
  }

  body.sales-mode .products .pcard--tag-banner .pcard__imgbox {
    grid-area: img !important;
  }

  body.sales-mode .products .pcard--tag-banner .pcard__top {
    grid-area: top !important;
  }
}

/* Mobile refinement — убираем лишний заголовок и пустоты в рекомендациях. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations__head {
    display: none !important;
  }

  body.sales-mode .sales-recommendations {
    margin-bottom: 24px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature,
  body.sales-mode .sales-recommendations .sales-recommendation--secondary {
    border-radius: 14px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature {
    grid-template-rows: 110px auto auto !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--secondary {
    grid-template-rows: 110px auto auto auto !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__image {
    min-height: 110px !important;
    height: 110px !important;
    padding: 7px !important;
    border-radius: 13px 13px 0 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__image img {
    max-height: 94px !important;
    border-radius: 11px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__image img {
    transform: scale(1.25);
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__imageProduct {
    position: absolute !important;
    z-index: 3;
    top: 6px !important;
    right: 8px !important;
    bottom: auto !important;
    left: 8px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 3px 0 4px 5px !important;
    border: 0 !important;
    border-left: 2px solid rgb(var(--green)) !important;
    border-radius: 0 !important;
    background: linear-gradient(90deg, rgba(88,242,140,.08), transparent 86%) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__imageProduct .sales-recommendation__eyebrow {
    max-width: calc(100% - 42px) !important;
    margin-bottom: 2px !important;
    font-size: 5px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__imageProduct h3 {
    padding-right: 2px !important;
    font-size: 15px !important;
    line-height: .88 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__imageProductDesc {
    font-size: 5px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__content {
    padding: 8px 10px 7px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__body > p {
    margin-top: 4px !important;
    padding: 6px 7px 7px 8px !important;
    border-left-width: 2px !important;
    border-radius: 0 8px 8px 0 !important;
    font-size: 9px !important;
    line-height: 1.18 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__match {
    margin-top: 5px !important;
    padding: 4px 6px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__footer {
    gap: 5px !important;
    padding: 7px 8px 8px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__footerInfo,
  body.sales-mode .sales-recommendations .sales-recommendation__featureRow {
    min-height: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__featureRow {
    gap: 5px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__featureInfo {
    min-height: 22px !important;
    padding-block: 3px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__bottom {
    gap: 4px !important;
    padding-top: 5px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__price {
    gap: 1px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__oldRow {
    min-height: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__price strong {
    font-size: 16px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__note {
    max-width: 100px !important;
    margin-top: 1px !important;
    font-size: 7px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__actions {
    gap: 4px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__action {
    min-height: 28px !important;
    padding-inline: 8px !important;
    border-radius: 8px !important;
    font-size: 7.5px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__stepper {
    height: 28px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__stepper .pstep__btn {
    width: 23px !important;
    height: 23px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__stepper .pstep__qty {
    padding: 3px 4px !important;
    font-size: 9px !important;
  }
}

/* Mobile recommendation composition — первая карточка: товар справа,
   название слева, цена собрана в компактный CTA-блок. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation--feature {
    grid-template-columns: minmax(0, 1fr) 126px !important;
    grid-template-rows: 132px auto !important;
    align-items: stretch !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__image {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-height: 132px !important;
    height: 132px !important;
    padding: 6px !important;
    border-radius: 0 14px 0 0 !important;
    background:
      radial-gradient(circle at 50% 44%, rgba(160,120,255,.20), transparent 66%),
      linear-gradient(145deg, rgba(255,255,255,.07), rgba(0,0,0,.22)) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__imageProduct {
    display: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 120px !important;
    border-radius: 10px !important;
    transform: scale(1.12) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__content {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: 132px !important;
    height: 132px !important;
    padding: 10px 8px 7px !important;
    overflow: hidden !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__featureTitle {
    display: -webkit-box !important;
    margin: 0 0 6px !important;
    overflow: hidden !important;
    color: rgba(255,255,255,.95) !important;
    font: 800 18px/.96 var(--font-display) !important;
    letter-spacing: -.02em !important;
    text-transform: uppercase !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__body > p {
    display: -webkit-box !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 5px 6px 5px 7px !important;
    overflow: hidden !important;
    border-left: 2px solid rgba(88,242,140,.66) !important;
    border-radius: 0 7px 7px 0 !important;
    font-size: 8px !important;
    line-height: 1.16 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__match {
    max-height: 28px !important;
    margin-top: 5px !important;
    padding: 3px 5px !important;
    overflow: hidden !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__match span {
    font-size: 6px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__match strong {
    display: block !important;
    overflow: hidden !important;
    font-size: 7px !important;
    line-height: 1.05 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__footer {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    padding: 6px 8px 7px !important;
    gap: 4px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__featureRow {
    min-width: 0 !important;
    gap: 5px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__sloganCopy small {
    display: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__sloganCopy strong {
    max-width: 205px !important;
    font-size: 8px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__bottom {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 6px !important;
    padding-top: 5px !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__price {
    display: grid !important;
    grid-template-columns: auto auto !important;
    grid-template-rows: auto auto !important;
    align-items: baseline !important;
    justify-content: start !important;
    column-gap: 5px !important;
    row-gap: 1px !important;
    min-width: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__oldRow {
    grid-column: 1 / -1 !important;
    align-items: center !important;
    gap: 4px !important;
    min-height: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__oldRow:not([hidden]) {
    display: flex !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__oldRow[hidden] {
    display: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__oldPrice {
    font-size: 7px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__discount {
    padding: 2px 4px !important;
    font-size: 7px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__price > strong {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: baseline !important;
    font-size: 17px !important;
    line-height: .95 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__note {
    grid-column: 2 !important;
    grid-row: 2 !important;
    max-width: 74px !important;
    margin: 0 !important;
    overflow: hidden !important;
    font-size: 6px !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__actions {
    align-self: end !important;
    min-width: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__action {
    min-height: 28px !important;
    max-width: 112px !important;
    padding-inline: 8px !important;
    font-size: 7px !important;
  }

  /* Обычные карточки и панель категорий получают тот же строгий mobile-контур,
     включая элементы, которые находятся не внутри .products. */
  body.sales-mode > .products-page,
  body.sales-mode > .products-page > .container,
  body.sales-mode .products-page,
  body.sales-mode .products-page > .container,
  body.sales-mode .products,
  body.sales-mode .pbar,
  body.sales-mode .psections,
  body.sales-mode .pgrid,
  body.sales-mode .pcard,
  body.sales-mode .pcard__inner,
  body.sales-mode .pcard__row,
  body.sales-mode .pcard__imgwrap,
  body.sales-mode .pcard__side,
  body.sales-mode .pcard__variants {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.sales-mode .products-page > .container {
    margin-inline: 0 !important;
    padding-inline: 10px !important;
  }

  body.sales-mode .pbar {
    overflow: hidden !important;
  }

  body.sales-mode #pCategories {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    touch-action: pan-x !important;
    scrollbar-width: none !important;
  }

  body.sales-mode #pCategories::-webkit-scrollbar {
    display: none !important;
  }

  body.sales-mode #pCategories .pchip {
    flex: 0 0 auto !important;
    transform: none !important;
  }

  body.sales-mode .pcard__imgwrap {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    grid-template-areas: "img top" !important;
    column-gap: 7px !important;
    align-items: start !important;
  }

  body.sales-mode .pcard--tag-banner .pcard__imgwrap {
    grid-template-rows: auto auto !important;
    grid-template-areas: "tag tag" "img top" !important;
  }

  body.sales-mode .pcard__imgbox {
    grid-area: img !important;
    width: 82px !important;
    max-width: 82px !important;
  }

  body.sales-mode .pcard__top {
    grid-area: top !important;
    min-width: 0 !important;
  }

  body.sales-mode .pcard--tag-banner .pcard__tag {
    position: relative !important;
    inset: auto !important;
    grid-area: tag !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 19px !important;
    height: 19px !important;
    padding: 3px 7px !important;
    font-size: 6.5px !important;
  }

  /* Финальный контур страницы: ширина телефона задаётся корневым контейнером,
     поэтому дочерние desktop-ограничения не могут распереть ленту вправо. */
  html,
  body,
  body.sales-mode,
  body.sales-mode .products-page,
  body.sales-mode .products-page > .container {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  body.sales-mode .sales-hero,
  body.sales-mode .sales-recommendations,
  body.sales-mode .sales-chooser,
  body.sales-mode .products {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* V69 — мобильная сетка каталога: один поток без повторного распирания
   старыми desktop-правилами; прокрутка остаётся только у категорий. */
@media (max-width: 680px) {
  html,
  body.sales-mode {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    height: auto !important;
    min-height: 100vh !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
  }

  body.sales-mode {
    overflow-y: visible !important;
  }

  body.sales-mode > .products-page,
  body.sales-mode > .products-page > .container,
  body.sales-mode .products,
  body.sales-mode .products .psections,
  body.sales-mode .products .pcat,
  body.sales-mode .products .pcat__body,
  body.sales-mode .products .pgrid,
  body.sales-mode .products .pcard,
  body.sales-mode .products .pcard__inner,
  body.sales-mode .products .pcard__row,
  body.sales-mode .products .pcard__media,
  body.sales-mode .products .pcard__imgwrap,
  body.sales-mode .products .pcard__side,
  body.sales-mode .products .pcard__variants,
  body.sales-mode .products .pcard__foot,
  body.sales-mode .products .pcard__footRow,
  body.sales-mode .products .pcard__why,
  body.sales-mode .products .pcard__meta,
  body.sales-mode .products .pcard__actions {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.sales-mode > .products-page {
    margin-inline: 0 !important;
  }

  body.sales-mode > .products-page > .container {
    margin-inline: 0 !important;
    padding-inline: 10px !important;
  }

  /* Не превращаем страницу в overflow-контейнер: иначе sticky-панель
     категорий теряет привязку к шапке. Горизонтальный overflow уже закрыт
     на body, а внутри категорий остаётся собственная scroll-область. */
  body.sales-mode .products-page,
  body.sales-mode .products-page > .container {
    overflow: visible !important;
  }

  body.sales-mode .products {
    display: block !important;
  }

  body.sales-mode .products .pgrid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body.sales-mode .products .pcard,
  body.sales-mode .products .pcard__inner {
    height: auto !important;
  }

  body.sales-mode .products .pcard__inner {
    min-height: 0 !important;
  }

  body.sales-mode .products .pcard__row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body.sales-mode .products .pcard__imgwrap {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    grid-template-areas: "img top" !important;
    gap: 7px !important;
    overflow: hidden !important;
  }

  body.sales-mode .products .pcard--tag-banner .pcard__imgwrap {
    grid-template-rows: auto auto !important;
    grid-template-areas: "tag tag" "img top" !important;
  }

  body.sales-mode .products #pCategories {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    touch-action: pan-x !important;
    overscroll-behavior-x: contain !important;
  }

  body.sales-mode .products #pCategories .pchip {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: calc(100vw - 28px) !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  body.sales-mode .products .pcard__group,
  body.sales-mode .products .pcard__hint,
  body.sales-mode .products .pcard__whyText,
  body.sales-mode .products .pill {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.sales-mode .products .pcard__hint {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
}

/* V70 — телефон: нативный свайп не должен запускать chrome-анимации.
   Панель остаётся на месте, поэтому при движении вниз не возникает
   краткого появления шапки и последующего исчезновения. */
@media (max-width: 680px) {
  html {
    scroll-behavior: auto !important;
  }

  body.sales-mode #pBar,
  body.sales-mode .pbar {
    transform: translateY(0) translateZ(0) !important;
    animation: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  body.sales-mode.sales-first-open #pBar,
  body.sales-mode.sales-category-reveal #pBar,
  body.sales-mode.sales-scroll-up #pBar {
    transform: translateY(0) translateZ(0) !important;
    animation: none !important;
  }
}

/* V71 — первая персональная рекомендация: имя товара слева, изображение
   справа, нижняя CTA-панель растянута на всю ширину карточки. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation--feature {
    grid-template-columns: minmax(0, 1fr) 118px !important;
    grid-template-rows: 124px auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__image {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 118px !important;
    min-width: 118px !important;
    min-height: 124px !important;
    height: 124px !important;
    padding: 6px !important;
    border-radius: 0 14px 0 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__image img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    transform: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__imageProduct,
  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__productSlogan {
    display: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__content {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 124px !important;
    height: 124px !important;
    padding: 10px 9px 7px !important;
    overflow: hidden !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__featureTitle {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 5px !important;
    overflow: hidden !important;
    color: rgba(255,255,255,.96) !important;
    font: 800 17px/1 var(--font-display) !important;
    letter-spacing: -.03em !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__body > p {
    display: -webkit-box !important;
    max-height: 29px !important;
    margin: 0 !important;
    padding: 4px 5px 4px 6px !important;
    overflow: hidden !important;
    border-left: 2px solid rgba(88,242,140,.62) !important;
    border-radius: 0 7px 7px 0 !important;
    font-size: 7.5px !important;
    line-height: 1.18 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__match {
    max-height: 28px !important;
    margin-top: 4px !important;
    padding: 3px 5px !important;
    gap: 1px !important;
    overflow: hidden !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__match span {
    font-size: 5.5px !important;
    line-height: 1 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__match strong {
    display: block !important;
    overflow: hidden !important;
    font-size: 7px !important;
    line-height: 1.05 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__footer {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    padding: 7px 9px 8px !important;
    gap: 4px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__footerInfo,
  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__featureRow,
  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__bottom {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__featureRow {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 6px auto !important;
    align-items: center !important;
    gap: 5px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__slogan,
  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__sloganCopy {
    min-width: 0 !important;
    max-width: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__sloganCopy strong {
    display: block !important;
    max-width: none !important;
    overflow: hidden !important;
    font-size: 8px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__featureInfo {
    min-width: 0 !important;
    min-height: 22px !important;
    padding: 3px 6px !important;
    font-size: 7px !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__bottom {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    padding-top: 5px !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__price {
    display: grid !important;
    grid-template-columns: auto auto !important;
    grid-template-rows: auto auto !important;
    align-items: baseline !important;
    justify-content: start !important;
    column-gap: 5px !important;
    row-gap: 1px !important;
    min-width: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__price > strong {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    font-size: 18px !important;
    line-height: .95 !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__note {
    display: block !important;
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    font-size: 6px !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__actions {
    width: auto !important;
    min-width: 0 !important;
    justify-self: end !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__action {
    width: 112px !important;
    max-width: 112px !important;
    min-height: 30px !important;
    padding-inline: 7px !important;
    border-radius: 9px !important;
    font-size: 7.5px !important;
    white-space: nowrap !important;
  }
}

/* V76 — на телефоне читаемость важнее буквального уменьшения ПК-заголовка:
   оставляем товар главным, а визуальный стиль ПК переносим через акценты. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature {
    grid-template-columns: minmax(0, 1fr) 108px !important;
    grid-template-rows: 110px auto !important;
    background: linear-gradient(135deg, rgba(88, 242, 140, .10), rgba(160, 120, 255, .06) 52%, rgba(8, 10, 15, .94)) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__image {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 108px !important;
    min-width: 108px !important;
    min-height: 110px !important;
    height: 110px !important;
    padding: 5px !important;
    border-left: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 0 14px 0 0 !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(0, 0, 0, .24)) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__image img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__content {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 110px !important;
    height: 110px !important;
    padding: 8px !important;
    overflow: hidden !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(4, 8, 12, .14)) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__productSlogan,
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__match {
    display: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__featureTitle {
    display: block !important;
    order: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 5px !important;
    overflow: hidden !important;
    color: rgba(255, 255, 255, .97) !important;
    font: 900 20px/.95 var(--font-display) !important;
    letter-spacing: -.045em !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__featureTitle::before {
    display: block !important;
    margin: 0 0 4px !important;
    color: rgba(88, 242, 140, .82) !important;
    content: "ПРИВИЛЕГИЯ" !important;
    font: 800 7px/1 var(--font-display) !important;
    letter-spacing: .12em !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__featureTitle::after {
    display: block !important;
    width: 74% !important;
    height: 1px !important;
    margin-top: 5px !important;
    background: linear-gradient(90deg, rgba(88, 242, 140, .60), rgba(160, 120, 255, .18), transparent) !important;
    content: "" !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__body > p {
    order: 1 !important;
    display: -webkit-box !important;
    width: 100% !important;
    max-height: 27px !important;
    margin: 0 !important;
    padding: 3px 5px 3px 6px !important;
    overflow: hidden !important;
    border-left: 2px solid rgba(88, 242, 140, .45) !important;
    border-radius: 0 6px 6px 0 !important;
    background: rgba(5, 9, 12, .30) !important;
    font-size: 7px !important;
    line-height: 1.14 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__footer {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
  }
}

/* V77 — первая рекомендация на телефоне повторяет композицию второй:
   изображение сверху, контент под ним и компактный CTA-футер. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 142px 141px 75px !important;
    grid-auto-rows: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: linear-gradient(142deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .024) 57%, rgba(5, 7, 11, .17)), radial-gradient(420px 340px at 0% 0%, rgba(88, 242, 140, .18), transparent 72%) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__image {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 142px !important;
    height: 142px !important;
    padding: 9px !important;
    border: 0 !important;
    border-radius: 15px 15px 0 0 !important;
    background: radial-gradient(circle at 50% 44%, rgba(88, 242, 140, .28), transparent 59%), linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(0, 0, 0, .26)) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__image img {
    width: 100% !important;
    height: 122px !important;
    max-width: 100% !important;
    max-height: 122px !important;
    border-radius: 14px !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__imageProduct,
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__productSlogan {
    display: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__content {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 141px !important;
    height: 141px !important;
    padding: 11px 12px 9px !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__featureTitle {
    display: block !important;
    order: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 6px !important;
    overflow: hidden !important;
    color: rgba(255, 255, 255, .94) !important;
    font: 800 20px/.98 var(--font-display) !important;
    letter-spacing: -.025em !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__featureTitle::before {
    display: block !important;
    margin: 0 0 5px !important;
    color: rgba(88, 242, 140, .78) !important;
    content: "ПРИВИЛЕГИЯ" !important;
    font: 900 7px/1 var(--font-display) !important;
    letter-spacing: .12em !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__body > p {
    order: 1 !important;
    display: -webkit-box !important;
    width: 100% !important;
    max-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: rgba(255, 255, 255, .78) !important;
    font: 700 10px/1.2 var(--font-display) !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__match {
    order: 2 !important;
    display: grid !important;
    width: 100% !important;
    max-height: 54px !important;
    margin: 8px 0 0 !important;
    padding: 7px 8px !important;
    overflow: hidden !important;
    border-left: 2px solid rgba(88, 242, 140, .68) !important;
    border-radius: 0 9px 9px 0 !important;
    background: linear-gradient(105deg, rgba(88, 242, 140, .10), rgba(8, 7, 17, .10) 72%) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__match span {
    font-size: 7px !important;
    line-height: 1.1 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__match strong {
    display: -webkit-box !important;
    max-height: 26px !important;
    overflow: hidden !important;
    font-size: 10px !important;
    line-height: 1.12 !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__footer {
    display: grid !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    grid-template-rows: 1fr !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 75px !important;
    height: 75px !important;
    gap: 6px !important;
    padding: 7px 8px 8px !important;
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
    background: linear-gradient(rgba(255, 255, 255, .035), rgba(0, 0, 0, .10)) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__footerInfo,
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__featureRow,
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__bottom {
    display: contents !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__slogan,
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__sloganConnector {
    display: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__featureInfo {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 3px !important;
    color: rgba(255, 255, 255, .78) !important;
    font-size: 7px !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__price {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: auto auto !important;
    grid-template-rows: auto auto !important;
    align-items: baseline !important;
    justify-content: start !important;
    min-width: 0 !important;
    width: auto !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__price > strong {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    font-size: 18px !important;
    line-height: .95 !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__note {
    display: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    justify-self: end !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__action {
    width: 86px !important;
    max-width: 86px !important;
    min-height: 28px !important;
    padding-inline: 6px !important;
    border-radius: 9px !important;
    font-size: 7px !important;
    white-space: nowrap !important;
  }
}

/* V78 — возвращаем анимацию трёх тезисов над нижней CTA-строкой, а
   «Подробнее» ставим рядом с кнопкой покупки. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature {
    grid-template-rows: 142px 141px 78px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__footer {
    display: grid !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    grid-template-rows: 25px 38px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 78px !important;
    height: 78px !important;
    column-gap: 6px !important;
    row-gap: 2px !important;
    padding: 6px 8px 7px !important;
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
    background: linear-gradient(rgba(255, 255, 255, .035), rgba(0, 0, 0, .10)) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__footerInfo,
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__featureRow,
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__bottom {
    display: contents !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__slogan {
    display: flex !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 25px !important;
    gap: 6px !important;
    overflow: hidden !important;
    padding: 0 1px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__sloganMark {
    flex: 0 0 auto !important;
    color: rgb(var(--green)) !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__sloganCopy {
    display: block !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__sloganCopy small,
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__sloganCount,
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__sloganConnector {
    display: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__sloganCopy strong {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: rgba(255, 255, 255, .90) !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__featureInfo {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: flex !important;
    align-self: center !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 3px !important;
    color: rgba(255, 255, 255, .78) !important;
    font-size: 7px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__price {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: auto auto !important;
    grid-template-rows: auto auto !important;
    align-items: baseline !important;
    justify-content: start !important;
    width: auto !important;
    min-width: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__price > strong {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    font-size: 18px !important;
    line-height: .95 !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__note {
    display: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__actions {
    grid-column: 3 !important;
    grid-row: 2 !important;
    display: flex !important;
    align-self: center !important;
    width: auto !important;
    min-width: 0 !important;
    justify-self: end !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__action {
    width: 86px !important;
    max-width: 86px !important;
    min-height: 28px !important;
    padding-inline: 6px !important;
    border-radius: 9px !important;
    font-size: 7px !important;
    white-space: nowrap !important;
  }
}

/* V79 — тезисы выравниваем вправо, а описание и блок «Вам подойдёт»
   соединяем без вертикального зазора. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__slogan {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    justify-content: flex-end !important;
    text-align: right !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__sloganCopy {
    text-align: right !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__sloganCopy strong {
    text-align: right !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__body > p {
    margin: 0 !important;
    padding: 5px 8px !important;
    overflow: hidden !important;
    border-left: 2px solid rgba(88, 242, 140, .52) !important;
    border-radius: 0 !important;
    background: rgba(5, 9, 12, .28) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__match {
    margin: 0 !important;
    padding: 5px 8px !important;
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
    border-left: 2px solid rgba(88, 242, 140, .68) !important;
    border-radius: 0 9px 9px 0 !important;
  }
}

/* V80 — фиксируем высоту описания по двум строкам, чтобы его текст не
   просачивался в соседний блок «Вам подойдёт, если». */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__body > p {
    display: block !important;
    width: 100% !important;
    height: 28px !important;
    max-height: 28px !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    overflow: hidden !important;
    border-left: 2px solid rgba(88, 242, 140, .52) !important;
    border-radius: 0 !important;
    background: rgba(5, 9, 12, .28) !important;
    color: rgba(255, 255, 255, .78) !important;
    font: 700 8.5px/10px var(--font-display) !important;
    white-space: normal !important;
  }
}

/* V81 — описание первой рекомендации на телефоне делаем одной безопасной
   строкой с многоточием: третья строка больше не может попасть в «fit». */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__body > p {
    display: block !important;
    width: 100% !important;
    height: 24px !important;
    max-height: 24px !important;
    margin: 0 !important;
    padding: 7px 8px !important;
    overflow: hidden !important;
    border-left: 2px solid rgba(88, 242, 140, .52) !important;
    border-radius: 0 !important;
    background: rgba(5, 9, 12, .28) !important;
    color: rgba(255, 255, 255, .78) !important;
    font: 700 8.5px/10px var(--font-display) !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* V82 — описание показываем целиком: высота контентного ряда подстраивается
   под текст, а блок «Вам подойдёт» следует сразу за ним. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature {
    grid-template-rows: 142px auto 78px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__content {
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__body {
    justify-content: flex-start !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__body > p {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 5px 8px !important;
    overflow: visible !important;
    border-left: 2px solid rgba(88, 242, 140, .52) !important;
    border-radius: 0 !important;
    background: rgba(5, 9, 12, .28) !important;
    color: rgba(255, 255, 255, .78) !important;
    font: 700 8.5px/10px var(--font-display) !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__match {
    margin: 0 !important;
  }
}

/* V73 — уплотняем первую персональную карточку после проверки на узком
   экране: убираем межстрочный зазор сетки и оставляем место CTA. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation--feature {
    grid-template-columns: minmax(0, 1fr) 108px !important;
    grid-template-rows: 110px auto !important;
    row-gap: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__image {
    width: 108px !important;
    min-width: 108px !important;
    min-height: 110px !important;
    height: 110px !important;
    padding: 5px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__content {
    min-height: 110px !important;
    height: 110px !important;
    padding: 9px 8px 6px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__featureTitle {
    margin-bottom: 5px !important;
    font-size: 16px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__body > p {
    max-height: 30px !important;
    font-size: 8px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__match {
    max-height: 25px !important;
    margin-top: 4px !important;
    padding: 3px 5px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__footer {
    grid-column: 1 / 3 !important;
    width: 100% !important;
    padding: 6px 8px 7px !important;
    gap: 3px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__featureRow {
    height: 27px !important;
    min-height: 27px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__sloganCopy strong {
    font-size: 8.5px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__featureInfo {
    min-height: 21px !important;
    padding: 3px 5px !important;
    font-size: 6.5px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__bottom {
    gap: 6px !important;
    padding-top: 4px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__price {
    row-gap: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__price > strong {
    font-size: 17px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__note {
    display: none !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation--feature .sales-recommendation__action {
    width: 106px !important;
    max-width: 106px !important;
    min-height: 29px !important;
    font-size: 7px !important;
  }
}

/* V84 — финальный мобильный override: описание первой рекомендации целиком,
   блок «Вам подойдёт» скрыт только у второй рекомендации. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__body > p {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--secondary .sales-recommendation__match {
    display: none !important;
  }
}

/* V85 — на мобильных персональных карточках точку фокуса изображения
   слегка поднимаем, сохраняя исходный размер и композицию карточки. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__image img,
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--secondary .sales-recommendation__image img {
    object-position: center 56% !important;
  }
}

/* V86 — цена первой рекомендации читается крупнее, а CTA второй карточки
   собираются рядом без растягивания между кнопками. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__price > strong {
    font-size: 20px !important;
    line-height: .95 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--secondary .sales-recommendation__actions {
    justify-content: flex-start !important;
    gap: 4px !important;
  }
}

/* V87 — ценовой блок первой рекомендации является общей нижней подложкой:
   он занимает весь footer, включая область над тезисами, а CTA остаются
   поверх него в своих местах. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__price {
    grid-column: 1 / -1 !important;
    grid-row: 1 / -1 !important;
    align-self: stretch !important;
    align-content: end !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__slogan,
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__featureInfo,
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__actions {
    position: relative !important;
    z-index: 1 !important;
  }
}

/* V88 — делаем общую ценовую область видимой, чтобы место слева под тезисами
   не выглядело пустым. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__price {
    border: 1px solid rgba(190, 166, 255, .14) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(7, 10, 15, .24)) !important;
  }
}

/* V90 — ценовая подложка заполняет весь footer, включая его внутренние
   отступы и пространство под строкой тезисов. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__footer {
    position: relative !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__price {
    position: absolute !important;
    inset: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: auto !important;
    height: auto !important;
    padding: 6px 8px 7px !important;
    align-content: end !important;
    border: 1px solid rgba(190, 166, 255, .20) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, rgba(32, 30, 47, .84), rgba(16, 18, 28, .94) 62%, rgba(8, 11, 17, .97)) !important;
  }
}

/* V91 — усиливаем контраст общей ценовой области: она должна быть
   визуально заметна во всём footer, а не сливаться с его фоном. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__price {
    border-color: rgba(190, 166, 255, .34) !important;
    background: linear-gradient(135deg, rgba(39, 35, 62, .96), rgba(22, 25, 37, .98) 58%, rgba(11, 15, 23, .99)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 0 26px rgba(116, 92, 190, .10) !important;
  }
}

/* V92 — ценовой блок оформляем отдельной панелью внутри footer, как в
   референсе: небольшая внутренняя рамка, общий фон и полная высота. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__price {
    inset: 2px !important;
    padding: 6px 8px 7px !important;
    border-color: rgba(190, 166, 255, .42) !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, rgba(38, 37, 53, .98), rgba(22, 24, 34, .99) 64%, rgba(12, 15, 22, .99)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), inset 0 0 22px rgba(118, 96, 184, .12) !important;
  }
}

/* V93 — распределяем содержимое цены по всей высоте панели: старая цена
   уходит в верхнюю строку, текущая остаётся у нижнего CTA-ряда. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__price {
    align-content: space-between !important;
  }
}

/* V94 — собираем footer первой рекомендации в две зоны: слева отдельный
   центрированный блок цены, справа тезисы сверху и CTA снизу. Длинный тезис
   может визуально заходить левее центра, не обрезаясь справа. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__footer {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    grid-template-rows: 25px 38px !important;
    position: relative !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__price {
    position: static !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 1 / -1 !important;
    justify-self: center !important;
    align-self: center !important;
    align-content: start !important;
    width: max-content !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 4px 7px 5px !important;
    border: 1px solid rgba(190, 166, 255, .32) !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, rgba(38, 37, 53, .96), rgba(16, 18, 28, .98)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
    z-index: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__slogan {
    grid-column: 2 / -1 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    z-index: 2 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__sloganCopy {
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__sloganCopy strong {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__featureInfo,
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__actions {
    position: relative !important;
    z-index: 2 !important;
  }
}

/* V95 — тезис не участвует в расчёте колонок: он привязан к правому краю
   отдельным верхним слоем и может заходить поверх ценовой панели. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature > .sales-recommendation__footer {
    position: relative !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__slogan {
    position: absolute !important;
    top: 4px !important;
    right: 8px !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
}

/* V96 — у ценовой панели убираем внешнюю обводку и выравниваем её
   содержимое по левому краю. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__price {
    justify-self: start !important;
    justify-content: start !important;
    text-align: left !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}

/* V97 — ценовой контейнер остаётся полностью прозрачным: без фона,
   рамки и тени видны только его текстовые значения. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__price {
    background: transparent !important;
    background-image: none !important;
  }
}

/* V98 — короткое описание из конфига показываем под текущей ценой первой
   мобильной рекомендации. Оно добавляется третьей компактной строкой и не
   меняет положение самого ценового блока. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__price {
    grid-template-columns: auto auto !important;
    grid-template-rows: auto auto auto !important;
    row-gap: 0 !important;
    align-content: start !important;
    height: auto !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__note {
    display: block !important;
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    max-width: 128px !important;
    min-width: 0 !important;
    margin: 1px 0 0 !important;
    color: rgba(255, 255, 255, .46) !important;
    font: 700 7px/8px var(--font-display) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* V99 — короткое описание, цена и скидка первой рекомендации приводим к
   тем же мобильным размерам и шрифтам, что у второй рекомендации. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__oldPrice {
    color: rgba(255, 255, 255, .42) !important;
    font: 800 12px/12px var(--font-display) !important;
    letter-spacing: .04em !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__oldRow {
    gap: 8px !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__discount {
    min-height: 21px !important;
    padding: 4px 8px !important;
    font: 900 10px/10px var(--font-display) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__price > strong {
    font: 800 16px/16px var(--font-display) !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__note {
    width: 100% !important;
    max-width: 100px !important;
    color: rgba(255, 255, 255, .42) !important;
    font: 400 11px/13.75px Manrope, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  }
}

/* V100 — нижнюю строку второй рекомендации явно делим на две зоны: цена
   остаётся слева, а обе кнопки действий прижимаются к правому краю. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--secondary .sales-recommendation__bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--secondary .sales-recommendation__actions {
    flex: 0 0 auto !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    justify-self: end !important;
    justify-content: flex-end !important;
    gap: 4px !important;
  }
}

/* V101 — мобильная панель корзины: собираем KPI, прогресс и кнопку в более
   цельную и спокойную композицию, сохраняя исходное расположение блоков. */
@media (max-width: 680px) {
  body.sales-mode .cartdock {
    width: calc(100% - 12px) !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
  }

  body.sales-mode .cartdock__inner {
    grid-template-columns: minmax(0, 1fr) 58px !important;
    gap: 8px !important;
    padding: 9px !important;
    border: 1px solid rgba(190, 166, 255, .30) !important;
    border-radius: 20px !important;
    background:
      radial-gradient(280px 130px at 0% 0%, rgba(160, 120, 255, .16), transparent 72%),
      radial-gradient(220px 120px at 100% 100%, rgba(88, 242, 140, .07), transparent 74%),
      linear-gradient(145deg, rgba(28, 27, 43, .97), rgba(13, 16, 24, .98) 62%, rgba(8, 11, 17, .99)) !important;
    box-shadow:
      0 16px 48px rgba(0, 0, 0, .52),
      0 0 0 1px rgba(255, 255, 255, .045) inset,
      0 0 28px rgba(160, 120, 255, .10) !important;
  }

  body.sales-mode .cartdock__meta {
    gap: 6px !important;
  }

  body.sales-mode .cartdock__kpis {
    gap: 7px 9px !important;
  }

  body.sales-mode .cartdock__kpi {
    min-height: 36px !important;
    padding: 6px 8px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 6px 16px rgba(0, 0, 0, .14) !important;
  }

  body.sales-mode .cartdock__kpi--main {
    border-color: rgba(88, 242, 140, .34) !important;
    background: linear-gradient(110deg, rgba(88, 242, 140, .13), rgba(160, 120, 255, .055)) !important;
  }

  body.sales-mode .cartdock__kpi--cards {
    padding-left: 8px !important;
    border-left: 1px solid rgba(190, 166, 255, .34) !important;
    background: linear-gradient(110deg, rgba(160, 120, 255, .13), rgba(255, 255, 255, .035)) !important;
  }

  body.sales-mode .cartdock__kpiLabel {
    color: rgba(255, 255, 255, .74) !important;
    font-size: 9px !important;
    letter-spacing: .025em !important;
  }

  body.sales-mode .cartdock__kpiVal {
    font-size: 14px !important;
  }

  body.sales-mode .cartdock__kpiSub {
    color: rgba(255, 255, 255, .70) !important;
    font-size: 9px !important;
  }

  body.sales-mode .cartdock__progress {
    gap: 5px !important;
    margin-top: 0 !important;
    padding: 7px 9px 6px !important;
    border: 1px solid rgba(190, 166, 255, .19) !important;
    border-radius: 12px !important;
    background: linear-gradient(145deg, rgba(41, 37, 61, .82), rgba(16, 19, 28, .92)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 7px 18px rgba(0, 0, 0, .15) !important;
  }

  body.sales-mode .cartdock__progressTop {
    display: grid !important;
    grid-template-columns: 14px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 5px !important;
    flex-wrap: nowrap !important;
  }

  body.sales-mode .cartdock__progressIcon {
    margin-top: 1px !important;
    color: rgba(137, 244, 178, .94) !important;
    font-size: 14px !important;
    text-shadow: 0 0 9px rgba(88, 242, 140, .24) !important;
  }

  body.sales-mode .cartdock__progressMessage {
    color: rgba(255, 255, 255, .90) !important;
    font: 850 10px/1.08 var(--font-display) !important;
  }

  body.sales-mode .cartdock__bar {
    height: 5px !important;
    border-color: rgba(255, 255, 255, .15) !important;
    background: rgba(5, 8, 13, .60) !important;
  }

  body.sales-mode .cartdock__barFill {
    background: linear-gradient(90deg, rgba(160, 120, 255, .92), rgba(88, 242, 140, .82)) !important;
    box-shadow: 0 0 9px rgba(160, 120, 255, .22) !important;
  }

  body.sales-mode .cartdock__btn {
    width: 58px !important;
    height: 58px !important;
    border: 1px solid rgba(190, 166, 255, .45) !important;
    border-radius: 17px !important;
    background:
      radial-gradient(circle at 30% 16%, rgba(255, 255, 255, .18), transparent 40%),
      linear-gradient(145deg, rgba(157, 125, 245, .90), rgba(79, 64, 139, .98)) !important;
    box-shadow: 0 14px 28px rgba(54, 48, 108, .30), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
  }

  body.sales-mode .cartdock__btn::after {
    right: 6px !important;
    bottom: 6px !important;
    color: rgba(255, 255, 255, .82) !important;
    font-size: 6.5px !important;
  }

  body.sales-mode .cartdock__icon {
    transform: translateY(-3px) scale(1.03) !important;
  }

  body.sales-mode .cartdock__badge {
    top: -6px !important;
    right: -6px !important;
    min-width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    padding: 0 6px !important;
    font-size: 10px !important;
  }
}

/* V102 — перестраиваем мобильную панель: кешбек и карточки становятся одним
   компактным KPI-блоком, прогресс идёт сразу под ним, корзина остаётся справа. */
@media (max-width: 680px) {
  body.sales-mode .cartdock__inner {
    grid-template-columns: minmax(0, 1fr) 56px !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 8px !important;
  }

  body.sales-mode .cartdock__kpis {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 3px 8px !important;
    border: 1px solid rgba(190, 166, 255, .20) !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(5, 8, 13, .18)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  }

  body.sales-mode .cartdock__kpi {
    width: 100% !important;
    min-height: 31px !important;
    height: auto !important;
    flex: 0 0 auto !important;
    padding: 4px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.sales-mode .cartdock__kpi--main {
    border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
  }

  body.sales-mode .cartdock__kpi--cards {
    padding-left: 0 !important;
    border-left: 0 !important;
  }

  body.sales-mode .cartdock__kpiLabel {
    font-size: 8.5px !important;
  }

  body.sales-mode .cartdock__kpiVal {
    font-size: 13px !important;
  }

  body.sales-mode .cartdock__kpiSub {
    font-size: 8.5px !important;
  }

  body.sales-mode .cartdock__progress {
    margin-top: 5px !important;
    padding: 6px 8px 5px !important;
    border-radius: 11px !important;
  }

  body.sales-mode .cartdock__progressMessage {
    font-size: 9.5px !important;
    line-height: 1.06 !important;
  }

  body.sales-mode .cartdock__btn {
    align-self: center !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 16px !important;
  }
}

/* V103 — финальная мобильная компоновка панели: корзина находится справа
   от KPI, а добор товара занимает отдельную полосу на всю ширину. */
@media (max-width: 680px) {
  body.sales-mode .cartdock__inner {
    grid-template-columns: minmax(0, 1fr) 56px !important;
    grid-template-rows: auto auto !important;
    column-gap: 8px !important;
    row-gap: 6px !important;
    align-items: center !important;
    padding: 8px !important;
  }

  body.sales-mode .cartdock__meta {
    display: contents !important;
  }

  body.sales-mode .cartdock__topline {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.sales-mode .cartdock__progress {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.sales-mode .cartdock__btn {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
  }

  body.sales-mode .cartdock__kpiLabel {
    color: rgba(255, 255, 255, .78) !important;
    font: 800 8.5px/1.1 var(--font-display) !important;
  }

  body.sales-mode .cartdock__kpiVal {
    color: rgba(255, 255, 255, .98) !important;
    font: 900 13px/1 var(--font-display) !important;
  }

  body.sales-mode .cartdock__kpiSub {
    color: rgba(255, 255, 255, .72) !important;
    font: 700 8.5px/1 var(--font-display) !important;
  }

  body.sales-mode .cartdock__progressMessage {
    color: rgba(255, 255, 255, .94) !important;
    font: 800 9.5px/1.06 var(--font-display) !important;
  }

  body.sales-mode .cartdock__progressIcon {
    color: rgba(190, 166, 255, .96) !important;
    text-shadow: 0 0 9px rgba(160, 120, 255, .28) !important;
  }
}

/* V104 — в мобильной панели иконка карточек стоит первой, а зелёные плюсы
   перед числовыми значениями убраны для более чистой строки. */
@media (max-width: 680px) {
  body.sales-mode .cartdock__kpiPlus {
    display: none !important;
  }

  body.sales-mode .cartdock__kpi--cards .cartdock__kpiValGroup {
    display: contents !important;
  }

  body.sales-mode .cartdock__kpi--cards .cartdock__monoIcon {
    order: -1 !important;
    flex: 0 0 auto !important;
    margin: 0 1px 0 0 !important;
  }

  body.sales-mode .cartdock__kpi--cards .cartdock__kpiLabel {
    order: 0 !important;
  }

  body.sales-mode .cartdock__kpi--cards .cartdock__kpiDelta {
    order: 1 !important;
  }
}

/* V105 — выравниваем мобильные KPI по одной базовой линии: подписи легче,
   значения заметнее, а иконка и единицы измерения не «прыгают» по строке. */
@media (max-width: 680px) {
  body.sales-mode .cartdock__kpi,
  body.sales-mode .cartdock__kpi--main,
  body.sales-mode .cartdock__kpi--cards {
    gap: 4px !important;
    align-items: center !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums !important;
    text-rendering: optimizeLegibility !important;
  }

  body.sales-mode .cartdock__kpiLabel {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: rgba(255, 255, 255, .68) !important;
    font: 800 8px/1 Manrope, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
    letter-spacing: .02em !important;
  }

  body.sales-mode .cartdock__kpiSub,
  body.sales-mode .cartdock__kpiSep {
    flex: 0 0 auto !important;
    color: rgba(255, 255, 255, .52) !important;
    font: 700 8px/1 Manrope, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  }

  body.sales-mode .cartdock__kpiSep {
    margin-inline: 0 !important;
  }

  body.sales-mode .cartdock__kpiDelta {
    display: inline-flex !important;
    align-items: baseline !important;
    flex: 0 0 auto !important;
    gap: 3px !important;
    white-space: nowrap !important;
  }

  body.sales-mode .cartdock__kpiVal {
    color: rgba(255, 255, 255, .94) !important;
    font: 900 12px/1 var(--font-display) !important;
    letter-spacing: .01em !important;
  }

  body.sales-mode .cartdock__kpi--main .cartdock__kpiVal {
    color: rgba(137, 244, 178, .96) !important;
  }

  body.sales-mode .cartdock__kpi--cards .cartdock__kpiVal {
    color: rgba(224, 212, 255, .94) !important;
  }

  body.sales-mode .cartdock__kpi--main .cartdock__monoIcon,
  body.sales-mode .cartdock__kpi--cards .cartdock__monoIcon {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 auto !important;
    margin-right: 3px !important;
    transform: translateY(0) !important;
  }
}

/* V108 — ещё компактнее на телефоне: уменьшаем внутренний ритм панели,
   сохраняя прежнюю схему «KPI слева / корзина справа / добор снизу». */
@media (max-width: 680px) {
  body.sales-mode .cartdock {
    width: calc(100% - 10px) !important;
    bottom: max(6px, env(safe-area-inset-bottom)) !important;
  }

  body.sales-mode .cartdock__inner {
    grid-template-columns: minmax(0, 1fr) 52px !important;
    column-gap: 6px !important;
    row-gap: 4px !important;
    padding: 6px !important;
    border-radius: 17px !important;
  }

  body.sales-mode .cartdock__kpis {
    gap: 0 !important;
    padding: 1px 7px !important;
    border-radius: 12px !important;
  }

  body.sales-mode .cartdock__kpi {
    min-height: 27px !important;
    padding: 3px 0 !important;
    gap: 3px !important;
  }

  body.sales-mode .cartdock__progress {
    gap: 3px !important;
    padding: 5px 7px 4px !important;
    border-radius: 11px !important;
  }

  body.sales-mode .cartdock__progressTop {
    gap: 4px !important;
  }

  body.sales-mode .cartdock__progressIcon {
    font-size: 13px !important;
  }

  body.sales-mode .cartdock__progressMessage {
    font-size: 9px !important;
    line-height: 1.04 !important;
  }

  body.sales-mode .cartdock__bar {
    height: 4px !important;
  }

  body.sales-mode .cartdock__btn {
    width: 52px !important;
    height: 52px !important;
    border-radius: 15px !important;
  }

  body.sales-mode .cartdock__icon {
    transform: translateY(-2px) scale(1.01) !important;
  }
}

/* V106 — компактные обычные карточки товаров на телефоне: убираем растянутую
   строку цены и сжимаем ритм изображения, вариантов и footer без изменения ПК. */
@media (max-width: 680px) {
  body.sales-mode .products .pcard,
  body.sales-mode .products .pcard__inner {
    height: auto !important;
    min-height: 0 !important;
  }

  body.sales-mode .products .pcard__inner {
    flex: 0 0 auto !important;
    gap: 5px !important;
    padding: 6px !important;
  }

  body.sales-mode .products .pcard__row {
    gap: 5px !important;
    row-gap: 5px !important;
  }

  body.sales-mode .products .pcard__imgwrap {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    column-gap: 6px !important;
    row-gap: 4px !important;
    padding: 6px !important;
  }

  body.sales-mode .products .pcard__imgbox {
    width: 76px !important;
    height: 76px !important;
  }

  body.sales-mode .products .pcard--tag-banner .pcard__imgwrap {
    grid-template-rows: 18px 76px !important;
    row-gap: 4px !important;
  }

  body.sales-mode .products .pcard--tag-banner .pcard__tag {
    min-height: 18px !important;
    height: 18px !important;
    padding: 3px 7px !important;
    font-size: 6.5px !important;
    line-height: 1 !important;
  }

  body.sales-mode .products .pcard__top {
    column-gap: 5px !important;
    row-gap: 3px !important;
    padding: 6px 8px 5px !important;
  }

  body.sales-mode .products .pcard__group {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  body.sales-mode .products .pcard__hintRow {
    min-height: 23px !important;
    height: 23px !important;
    align-items: center !important;
  }

  body.sales-mode .products .pcard__hint {
    height: 23px !important;
    min-height: 23px !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
  }

  body.sales-mode .products .pinfobtn {
    width: 27px !important;
    height: 27px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
  }

  body.sales-mode .products .pcard__side {
    gap: 4px !important;
  }

  body.sales-mode .products .pcard__variants {
    gap: 4px !important;
    padding: 6px !important;
    border-radius: 14px !important;
  }

  body.sales-mode .products .pill {
    min-height: 30px !important;
    height: 30px !important;
    gap: 5px !important;
    padding: 5px 7px !important;
    border-radius: 10px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  body.sales-mode .products .pcard__foot {
    flex: 0 0 auto !important;
    gap: 3px !important;
    min-height: 0 !important;
    padding: 5px 6px 6px !important;
  }

  body.sales-mode .products .pcard__why {
    min-height: 0 !important;
    height: auto !important;
    padding: 3px 6px 4px !important;
  }

  body.sales-mode .products .pcard__whyLine {
    min-height: 18px !important;
    height: 18px !important;
    align-items: center !important;
  }

  body.sales-mode .products .pcard__whyText {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  body.sales-mode .products .pcard__footRow {
    flex: 0 0 auto !important;
    height: 38px !important;
    min-height: 38px !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    padding-top: 3px !important;
  }

  body.sales-mode .products .pcard__footRow > .pcard__meta {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  body.sales-mode .products .pprice {
    height: 38px !important;
    min-height: 38px !important;
    gap: 1px !important;
  }

  body.sales-mode .products .pprice__now {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  body.sales-mode .products .pprice__old {
    font-size: 11px !important;
  }

  body.sales-mode .products .pprice__badge {
    padding: 2px 6px !important;
    font-size: 8px !important;
  }

  body.sales-mode .products .pcard__actions {
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    gap: 3px !important;
    justify-content: flex-end !important;
  }

  body.sales-mode .products .pcard__foot .pbtn {
    min-width: 72px !important;
    height: 34px !important;
    padding-inline: 9px !important;
    border-radius: 10px !important;
    font-size: 10px !important;
  }

  body.sales-mode .products .pcard__foot .pstep {
    height: 34px !important;
    gap: 4px !important;
    padding-inline: 5px !important;
  }

  body.sales-mode .products .pcard__foot .pstep__btn {
    width: 29px !important;
    height: 29px !important;
    font-size: 12px !important;
  }
}

/* V107 — варианты товара на телефоне идут компактной сеткой 2×N: сохраняем
   удобную область нажатия, но не отдаём каждой кнопке отдельную полосу. */
@media (max-width: 680px) {
  body.sales-mode .products .pcard__variants {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 32px !important;
    gap: 4px !important;
    padding: 5px !important;
  }

  body.sales-mode .products .pill {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 5px 6px !important;
    border-radius: 9px !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
  }
}

/* V108 — мобильное меню категорий: все разделы видны в компактной сетке
   3×2. Горизонтальная лента с обрезанными пунктами была неудобна для
   быстрого выбора и часто воспринималась как сломанная навигация. */
@media (max-width: 680px) {
  body.sales-mode .products .pbar {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 5px 6px 6px !important;
    border: 1px solid rgba(160, 120, 255, .20) !important;
    border-top-color: rgba(255, 255, 255, .10) !important;
    border-radius: 0 0 16px 16px !important;
    background:
      linear-gradient(180deg, rgba(25, 24, 38, .98), rgba(10, 12, 18, .98)) !important;
    box-shadow:
      0 12px 28px rgba(0, 0, 0, .32),
      0 1px 0 rgba(255, 255, 255, .06) inset !important;
  }

  body.sales-mode .products #pCategories {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 32px) !important;
    grid-auto-flow: row !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    padding: 0 !important;
    gap: 4px !important;
    overflow: visible !important;
    white-space: normal !important;
    touch-action: manipulation !important;
    overscroll-behavior: auto !important;
    scrollbar-width: none !important;
  }

  body.sales-mode .products #pCategories .pchip,
  body.sales-mode .products #pCategories .pchip.is-active {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 2px !important;
    border-radius: 10px !important;
    font-size: clamp(8px, 2.35vw, 8.5px) !important;
    line-height: 1 !important;
    letter-spacing: -.035em !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transform: none !important;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, opacity .16s ease !important;
  }

  body.sales-mode .products #pCategories .pchip:not(.is-active) {
    opacity: .78 !important;
    border-color: rgba(255, 255, 255, .10) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)) !important;
  }

  body.sales-mode .products #pCategories .pchip.is-active {
    opacity: 1 !important;
    border-color: rgba(88, 242, 140, .58) !important;
    background: linear-gradient(135deg, rgba(160, 120, 255, .32), rgba(88, 242, 140, .20)) !important;
    box-shadow:
      0 0 0 1px rgba(160, 120, 255, .14) inset,
      0 6px 14px rgba(88, 242, 140, .08) !important;
  }

  body.sales-mode .products #pCategories .pchip--collection {
    border-color: rgba(160, 120, 255, .22) !important;
  }

  body.sales-mode .products #pCategories .pchip--collection.is-active {
    border-color: rgba(160, 120, 255, .68) !important;
    background: linear-gradient(135deg, rgba(160, 120, 255, .38), rgba(88, 242, 140, .16)) !important;
  }
}

/* V111 — в мобильном просмотре набора короткое описание читаем целиком,
   а расширенные характеристики открываем по компактному значку. Кнопка
   присутствует в DOM для доступности, но на ПК не меняет внешний вид. */
body.sales-mode .pcollection-feature__detailsToggle {
  display: none !important;
}

@media (max-width: 680px) {
  body.sales-mode .pcollection-feature {
    grid-template-rows: auto !important;
    min-height: 214px !important;
    height: auto !important;
  }

  body.sales-mode .pcollection-feature__media {
    align-self: start !important;
    height: 214px !important;
    min-height: 214px !important;
  }

  body.sales-mode .pcollection-feature__content {
    height: auto !important;
    min-height: 214px !important;
    overflow: visible !important;
  }

  body.sales-mode .pcollection-feature__detailsBox {
    max-height: 40px !important;
    margin-top: 7px !important;
    overflow: hidden !important;
  }

  body.sales-mode .pcollection-feature__detailsHead {
    min-width: 0 !important;
    padding-bottom: 4px !important;
  }

  body.sales-mode .pcollection-feature__detailsHead span:first-child {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.sales-mode .pcollection-feature__detailsToggle {
    display: grid !important;
    flex: 0 0 auto !important;
    place-items: center !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    padding: 0 !important;
    border: 1px solid rgba(160, 120, 255, .46) !important;
    border-radius: 7px !important;
    background: linear-gradient(135deg, rgba(160, 120, 255, .26), rgba(88, 242, 140, .12)) !important;
    color: rgba(255, 255, 255, .94) !important;
    font: 900 11px/1 var(--font-display) !important;
    cursor: pointer !important;
  }

  body.sales-mode .pcollection-feature__detailsBox .pcollection-feature__fullDescription {
    display: none !important;
    max-height: 280px !important;
    padding-top: 6px !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
  }

  body.sales-mode .pcollection-feature__configDescription {
    max-height: none !important;
    margin-top: 5px !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.sales-mode .pcollection-feature.is-details-open .pcollection-feature__detailsBox {
    max-height: 340px !important;
    overflow: hidden !important;
  }

  body.sales-mode .pcollection-feature.is-details-open .pcollection-feature__fullDescription {
    display: block !important;
  }
}

/* V112 — не отдаём мобильному браузеру приблизительный intrinsic-size и
   виртуальные заглушки для обычных карточек. Их повторное появление во время
   fling меняло высоту потока и давало скачок scroll position. */
@media (max-width: 680px) {
  body.sales-mode .products .pcard,
  body.sales-mode .products .pcard.is-virtualized {
    content-visibility: visible !important;
    contain: none !important;
    contain-intrinsic-size: none !important;
  }
}

/* V113 — в мобильном просмотре убираем тесную панель характеристик из
   основного потока: полная информация открывается по значку рядом с названием,
   а короткое описание читаем целиком. */
body.sales-mode .pcollection-feature__detailsToggle {
  display: none !important;
}

@media (max-width: 680px) {
  body.sales-mode .pcollection-feature__titleRow {
    align-items: center !important;
  }

  body.sales-mode .pcollection-feature__titleRow h3 {
    flex: 1 1 auto !important;
  }

  body.sales-mode .pcollection-feature__detailsToggle {
    display: grid !important;
    flex: 0 0 auto !important;
    place-items: center !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    padding: 0 !important;
    border: 1px solid rgba(160, 120, 255, .46) !important;
    border-radius: 7px !important;
    background: linear-gradient(135deg, rgba(160, 120, 255, .26), rgba(88, 242, 140, .12)) !important;
    color: rgba(255, 255, 255, .94) !important;
    font: 900 11px/1 var(--font-display) !important;
    cursor: pointer !important;
  }

  body.sales-mode .pcollection-feature__detailsBox {
    display: none !important;
    max-height: 340px !important;
    margin-top: 7px !important;
    overflow: hidden !important;
  }

  body.sales-mode .pcollection-feature__detailsBox .pcollection-feature__fullDescription {
    max-height: 280px !important;
    padding-top: 6px !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
  }

  body.sales-mode .pcollection-feature.is-details-open .pcollection-feature__detailsBox {
    display: flex !important;
  }

  body.sales-mode .pcollection-feature.is-details-open .pcollection-feature__detailsHead {
    display: none !important;
  }

  body.sales-mode .pcollection-feature.is-details-open .pcollection-feature__fullDescription {
    display: block !important;
  }

  body.sales-mode .pcollection-feature__configDescription {
    font-size: 8.5px !important;
    line-height: 1.2 !important;
  }

  body.sales-mode .pcollection-feature__footRow {
    align-items: flex-end !important;
  }
}

/* V114 — в мобильном футере цена и действие стоят на одной визуальной линии. */
@media (max-width: 680px) {
  body.sales-mode .pcollection-feature__footRow {
    align-items: center !important;
  }

  body.sales-mode .pcollection-feature__price {
    align-self: center !important;
  }

  body.sales-mode .pcollection-feature__price .pprice {
    height: auto !important;
    min-height: 0 !important;
    justify-content: center !important;
  }

  body.sales-mode .pcollection-feature__actions .pbtn--primary {
    font-size: 10px !important;
  }
}

/* V115 — скидочная строка обычной карточки не должна сдвигать кнопку вверх. */
@media (max-width: 680px) {
  body.sales-mode .products .pcard__footRow {
    align-items: flex-end !important;
  }

  body.sales-mode .products .pcard__actions {
    align-items: flex-end !important;
  }

  body.sales-mode .products .pcard:has(.pprice__oldRow:not([hidden])) .pcard__actions .pbtn--primary {
    height: 30px !important;
    min-height: 30px !important;
    border-radius: 9px !important;
  }
}

/* V117 — заголовок и описание плитки выбора идут последовательно, а не в одну
   сжатую строку. */
@media (max-width: 680px) {
  body.sales-mode .sales-choice {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }

  body.sales-mode .sales-choice__title,
  body.sales-mode .sales-choice__text {
    width: 100% !important;
  }
}

/* V118 — у скидочного набора цена переезжает в свободную зону под изображением. */
.sales-mode .pcollection-feature__mediaPrice {
  display: none;
}

@media (max-width: 680px) {
  body.sales-mode .pcollection-feature:has(.pcollection-feature__mediaPrice .pprice__oldRow:not([hidden])) .pcollection-feature__mediaPrice {
    position: absolute;
    z-index: 3;
    right: 7px;
    bottom: 7px;
    left: 7px;
    display: flex;
    align-items: flex-end;
    min-height: 35px;
    overflow: visible;
  }

  body.sales-mode .pcollection-feature:has(.pcollection-feature__mediaPrice .pprice__oldRow:not([hidden])) .pcollection-feature__mediaPrice .pprice {
    width: 100%;
    gap: 1px;
  }

  body.sales-mode .pcollection-feature:has(.pcollection-feature__mediaPrice .pprice__oldRow:not([hidden])) .pcollection-feature__mediaPrice .pprice__oldRow {
    height: auto;
    gap: 4px;
  }

  body.sales-mode .pcollection-feature:has(.pcollection-feature__mediaPrice .pprice__oldRow:not([hidden])) .pcollection-feature__mediaPrice .pprice__old {
    font-size: 9px;
  }

  body.sales-mode .pcollection-feature:has(.pcollection-feature__mediaPrice .pprice__oldRow:not([hidden])) .pcollection-feature__mediaPrice .pprice__badge {
    padding: 2px 5px;
    font-size: 7px;
  }

  body.sales-mode .pcollection-feature:has(.pcollection-feature__mediaPrice .pprice__oldRow:not([hidden])) .pcollection-feature__mediaPrice .pprice__now {
    font-size: 15px !important;
    line-height: 1 !important;
  }

  body.sales-mode .pcollection-feature:has(.pcollection-feature__mediaPrice .pprice__oldRow:not([hidden])) .pcollection-feature__content .pcollection-feature__price {
    display: none;
  }

  body.sales-mode .pcollection-feature:has(.pcollection-feature__mediaPrice .pprice__oldRow:not([hidden])) .pcollection-feature__actions {
    margin-left: auto;
  }
}

/* V119 — единая зона цены в мобильной карточке набора, в том числе без скидки. */
@media (max-width: 680px) {
  body.sales-mode .pcollection-feature__mediaPrice {
    position: absolute;
    z-index: 3;
    right: 7px;
    bottom: 7px;
    left: 7px;
    display: flex;
    align-items: flex-end;
    min-height: 35px;
    overflow: visible;
  }

  body.sales-mode .pcollection-feature__mediaPrice .pprice {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    gap: 1px;
    justify-content: flex-end !important;
  }

  body.sales-mode .pcollection-feature__mediaPrice .pprice__oldRow {
    height: auto;
    gap: 4px;
  }

  body.sales-mode .pcollection-feature__mediaPrice .pprice__old {
    font-size: 9px;
  }

  body.sales-mode .pcollection-feature__mediaPrice .pprice__badge {
    padding: 2px 5px;
    font-size: 7px;
  }

  body.sales-mode .pcollection-feature__mediaPrice .pprice__now {
    font-size: 15px !important;
    line-height: 1 !important;
  }

  body.sales-mode .pcollection-feature__content .pcollection-feature__price {
    display: none !important;
  }

  body.sales-mode .pcollection-feature__actions {
    margin-left: auto;
  }
}

/* V120 — цена под изображением выравнивается по правому краю медиазоны. */
@media (max-width: 680px) {
  body.sales-mode .pcollection-feature__mediaPrice {
    justify-content: flex-end !important;
    text-align: right !important;
  }

  body.sales-mode .pcollection-feature__mediaPrice .pprice {
    align-items: flex-end !important;
  }

  body.sales-mode .pcollection-feature__mediaPrice .pprice__oldRow {
    justify-content: flex-end !important;
  }
}

/* V122 — вкладки выбора наборов находятся внизу меню подборки. */
@media (max-width: 680px) {
  body.sales-mode .pcollection {
    display: flex !important;
    flex-direction: column !important;
  }

  body.sales-mode .pcollection__heading {
    order: 1 !important;
  }

  body.sales-mode .pcollection__view {
    order: 2 !important;
  }

  body.sales-mode .pcollection__tabs {
    order: 3 !important;
  }
}

/* V123 — цена и покупка объединены в один нижний блок под изображением
   и описанием; отдельный слой цены под изображением больше не используется. */
.sales-mode .pcollection-feature__mobileFooter {
  display: none;
}

@media (max-width: 680px) {
  body.sales-mode .pcollection-feature {
    grid-template-rows: minmax(214px, auto) auto !important;
  }

  body.sales-mode .pcollection-feature__mediaPrice,
  body.sales-mode .pcollection-feature > .pcollection-feature__content > .pcollection-feature__foot {
    display: none !important;
  }

  body.sales-mode .pcollection-feature__mobileFooter {
    display: block !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    padding: 8px 10px 9px !important;
    border-top: 1px solid rgba(255, 255, 255, .11) !important;
    background: linear-gradient(90deg, rgba(160, 120, 255, .08), rgba(88, 242, 140, .07));
  }

  body.sales-mode .pcollection-feature__mobileFooter .pcollection-feature__footRow {
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  body.sales-mode .pcollection-feature__mobileFooter .pcollection-feature__price {
    display: block !important;
    min-width: 0 !important;
  }

  body.sales-mode .pcollection-feature__mobileFooter .pcollection-feature__actions {
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }
}

/* V126 — на телефоне верхняя зона карточки отдана вариантам набора, а ниже
   возвращается изображение с тегами рядом с названием и описанием. */
.sales-mode .pcollection-feature__mobileOptions {
  display: none;
}

@media (max-width: 680px) {
  body.sales-mode .pcollection__options {
    display: none !important;
  }

  body.sales-mode .pcollection-feature__mobileOptions {
    display: block !important;
    min-width: 0 !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    padding: 7px 7px 8px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .09) !important;
    background: linear-gradient(90deg, rgba(160, 120, 255, .055), rgba(88, 242, 140, .045));
  }

  body.sales-mode .pcollection-feature__mobileOptions .pcollection__grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body.sales-mode .pcollection-feature__mobileOptions .pcollection-option {
    min-width: 0 !important;
    min-height: 46px !important;
    height: 46px !important;
    gap: 2px !important;
    padding: 3px !important;
    border-radius: 8px !important;
  }

  body.sales-mode .pcollection-feature__mobileOptions .pcollection-option__icon {
    width: 100% !important;
    height: 30px !important;
    min-height: 30px !important;
    border-radius: 6px !important;
  }

  body.sales-mode .pcollection-feature__mobileOptions .pcollection-option__text {
    display: block !important;
    min-width: 0 !important;
  }

  body.sales-mode .pcollection-feature__mobileOptions .pcollection-option__text strong {
    display: block !important;
    max-height: 14px !important;
    font-size: 6.5px !important;
    line-height: 1.05 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.sales-mode .pcollection-feature__mobileOptions .pcollection-option__text small,
  body.sales-mode .pcollection-feature__mobileOptions .pcollection-option__text .pcollection-option__oneRub {
    display: none !important;
  }

  body.sales-mode .pcollection-feature__mobileOptions .pcollection-option__arrow {
    right: 3px !important;
    bottom: 1px !important;
    font-size: 9px !important;
  }

  body.sales-mode .pcollection-feature__media {
    grid-column: 1 !important;
    grid-row: 2 !important;
    height: 150px !important;
    min-height: 150px !important;
  }

  body.sales-mode .pcollection-feature__content {
    grid-column: 2 !important;
    grid-row: 2 !important;
    min-height: 150px !important;
  }

  body.sales-mode .pcollection-feature__mobileFooter {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }

  body.sales-mode .pcollection-feature {
    grid-template-rows: auto minmax(150px, auto) auto !important;
  }
}

/* V127 — убираем лишнюю высоту между изображением, описанием и ценой.
   Теги остаются сверху медиазоны, но не могут вылезти за её границы. */
@media (max-width: 680px) {
  body.sales-mode .pcollection-feature__category,
  body.sales-mode .pcollection-feature__oneRub {
    top: 7px !important;
    right: 7px !important;
    left: 7px !important;
    max-width: calc(100% - 14px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: center !important;
  }
}

/* V128 — короткое описание в плитках быстрого выбора делаем заметнее,
   не увеличивая высоту самих компактных карточек. */
@media (max-width: 680px) {
  body.sales-mode .sales-choice__text {
    color: rgba(255, 255, 255, .64) !important;
    font-size: 9px !important;
    line-height: 1.18 !important;
  }
}

/* V129 — единый размер кнопок в мобильных рекомендациях.
   Обе карточки используют одинаковую кнопку покупки и ссылку на детали. */
@media (max-width: 680px) {
  body.sales-mode .sales-recommendations .sales-recommendation__info,
  body.sales-mode .sales-recommendations .sales-recommendation__featureInfo {
    display: inline-flex !important;
    flex: 0 0 68px !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 8px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation.sales-recommendation--feature .sales-recommendation__featureInfo {
    flex: 0 0 68px !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
  }

  body.sales-mode .sales-recommendations .sales-recommendation__action {
    flex: 0 0 88px !important;
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    font-size: 8px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}

/* V130 — убираем лишнюю пустоту под изображением и описанием мобильной
   карточки подборки, сохраняя отдельную нижнюю строку цены и покупки. */
@media (max-width: 680px) {
  body.sales-mode .pcollection-feature {
    grid-template-rows: auto minmax(125px, auto) auto !important;
  }

  body.sales-mode .pcollection-feature__media,
  body.sales-mode .pcollection-feature__content {
    height: 125px !important;
    min-height: 125px !important;
  }
}

/* V131 — переключатель наборов находится перед карточкой и занимает одну
   компактную горизонтальную ленту вместо высокого блока из нескольких строк. */
@media (max-width: 680px) {
  body.sales-mode .pcollection__tabs {
    order: 1 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    margin-top: 9px !important;
    margin-bottom: 0 !important;
    padding: 4px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 1px solid rgba(160, 120, 255, .20) !important;
    border-radius: 13px !important;
    background: linear-gradient(90deg, rgba(160, 120, 255, .07), rgba(88, 242, 140, .05)) !important;
    scrollbar-width: none !important;
    scroll-snap-type: none !important;
  }

  body.sales-mode .pcollection__heading {
    order: 2 !important;
    position: relative !important;
    margin: 0 0 1px !important;
    padding: 10px 10px 9px 12px !important;
    border: 1px solid rgba(160, 120, 255, .25) !important;
    border-left: 2px solid rgba(88, 242, 140, .72) !important;
    border-radius: 13px !important;
    background:
      radial-gradient(130% 180% at 0 0, rgba(160, 120, 255, .16), transparent 55%),
      linear-gradient(105deg, rgba(160, 120, 255, .08), rgba(88, 242, 140, .07)),
      rgba(10, 12, 18, .58) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 8px 20px rgba(0, 0, 0, .14) !important;
  }

  body.sales-mode .pcollection__heading h2 {
    color: rgba(255, 255, 255, .96) !important;
    text-shadow: 0 2px 12px rgba(160, 120, 255, .18) !important;
  }

  body.sales-mode .pcollection__heading p {
    color: rgba(255, 255, 255, .66) !important;
    line-height: 1.24 !important;
  }

  body.sales-mode .pcollection__tabs::-webkit-scrollbar {
    display: none !important;
  }

  body.sales-mode .pcollection__tab {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 11px !important;
    border-radius: 9px !important;
    font-size: 8px !important;
    scroll-snap-align: none;
  }

  body.sales-mode .pcollection__tab.is-active {
    border-color: rgba(88, 242, 140, .62) !important;
    background: linear-gradient(105deg, rgba(160, 120, 255, .34), rgba(88, 242, 140, .20)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13), 0 5px 14px rgba(0, 0, 0, .18) !important;
  }

  body.sales-mode .pcollection__view {
    order: 3 !important;
    margin-top: 8px !important;
  }

  /* Оставляем место по краям ленты, чтобы даже первый и последний набор
     можно было поставить в центр экрана. */
  body.sales-mode .pcollection__tabs::before,
  body.sales-mode .pcollection__tabs::after {
    content: "";
    flex: 0 0 calc(50% - 42px);
    pointer-events: none;
  }
}

/* V134 — цельный мобильный верх подборки: лента выглядит как единый
   переключатель, а заголовок ниже читается отдельной компактной карточкой. */
@media (max-width: 680px) {
  body.sales-mode .pcollection__tabs {
    align-items: center !important;
    margin-top: 0 !important;
    padding: 4px 5px !important;
    border-color: rgba(160, 120, 255, .30) !important;
    border-radius: 14px !important;
    background:
      linear-gradient(90deg, rgba(160, 120, 255, .12), rgba(10, 12, 18, .72) 48%, rgba(88, 242, 140, .09)),
      rgba(8, 10, 15, .74) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 20px rgba(0, 0, 0, .16) !important;
  }

  body.sales-mode .pcollection__tab {
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 11px !important;
    border-color: rgba(255, 255, 255, .13) !important;
    border-radius: 9px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: rgba(255, 255, 255, .58) !important;
    font-size: 7.8px !important;
    transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, opacity .18s ease !important;
  }

  body.sales-mode .pcollection__tab:not(.is-active) {
    opacity: .74 !important;
  }

  body.sales-mode .pcollection__tab.is-active {
    border-color: rgba(88, 242, 140, .72) !important;
    background: linear-gradient(105deg, rgba(160, 120, 255, .42), rgba(88, 242, 140, .24)) !important;
    color: rgba(255, 255, 255, .98) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 5px 14px rgba(0, 0, 0, .22), 0 0 14px rgba(88, 242, 140, .08) !important;
    opacity: 1 !important;
  }

  body.sales-mode .pcollection__heading {
    margin: 7px 0 0 !important;
    padding: 9px 11px 8px !important;
    border: 1px solid rgba(160, 120, 255, .24) !important;
    border-radius: 14px !important;
    background:
      radial-gradient(110% 170% at 0 0, rgba(160, 120, 255, .15), transparent 58%),
      linear-gradient(105deg, rgba(255, 255, 255, .045), rgba(88, 242, 140, .06)),
      rgba(10, 12, 18, .68) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 7px 18px rgba(0, 0, 0, .14) !important;
  }

  body.sales-mode .pcollection__heading::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 14px;
    width: 48px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(160, 120, 255, .9), rgba(88, 242, 140, .82));
    box-shadow: 0 0 10px rgba(160, 120, 255, .24);
  }

  body.sales-mode .pcollection__heading h2 {
    font-size: 20px !important;
    line-height: 1.04 !important;
  }

  body.sales-mode .pcollection__heading p {
    margin-top: 5px !important;
    color: rgba(255, 255, 255, .64) !important;
    font-size: 8.7px !important;
    line-height: 1.2 !important;
  }

  body.sales-mode .pcollection__view {
    margin-top: 8px !important;
  }
}

/* V135 — немного увеличиваем мобильную подборку там, где контенту тесно:
   лента и заголовок получают больше воздуха, плитки вариантов становятся
   читаемее, а основная карточка — выше без изменения desktop-версии. */
@media (max-width: 680px) {
  body.sales-mode .pcollection__tabs {
    min-height: 46px !important;
    height: 46px !important;
    padding: 6px !important;
  }

  body.sales-mode .pcollection__tab {
    min-height: 34px !important;
    height: 34px !important;
    padding-inline: 12px !important;
    font-size: 8.2px !important;
  }

  body.sales-mode .pcollection__heading {
    min-height: 78px !important;
    padding: 12px 12px 11px !important;
  }

  body.sales-mode .pcollection__heading h2 {
    font-size: 21px !important;
  }

  body.sales-mode .pcollection__heading p {
    font-size: 9px !important;
    line-height: 1.25 !important;
  }

  body.sales-mode .pcollection-feature__mobileOptions {
    padding: 8px 8px 10px !important;
  }

  body.sales-mode .pcollection-feature__mobileOptions .pcollection__grid {
    gap: 5px !important;
  }

  body.sales-mode .pcollection-feature__mobileOptions .pcollection-option {
    min-height: 56px !important;
    height: 56px !important;
    padding: 4px !important;
    gap: 3px !important;
  }

  body.sales-mode .pcollection-feature__mobileOptions .pcollection-option__icon {
    min-height: 38px !important;
    height: 38px !important;
  }

  body.sales-mode .pcollection-feature__mobileOptions .pcollection-option__text strong {
    font-size: 7px !important;
    line-height: 1.08 !important;
  }

  body.sales-mode .pcollection-feature {
    grid-template-rows: auto minmax(160px, auto) auto !important;
  }

  body.sales-mode .pcollection-feature__media,
  body.sales-mode .pcollection-feature__content {
    min-height: 160px !important;
    height: 160px !important;
  }

  body.sales-mode .pcollection-feature__mobileFooter {
    min-height: 64px !important;
    padding: 9px 10px 10px !important;
  }
}

@media (max-width: 680px) {
  body.sales-mode .cartdock__btn::after {
    left: 0 !important;
    right: 0 !important;
    bottom: 5px !important;
    width: 100% !important;
    color: rgba(255, 255, 255, .88) !important;
    font-size: 5.8px !important;
    letter-spacing: .02em !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 680px) {
  body.sales-mode .products .pcard__variants:has(> .pill:only-child) > .pill {
    grid-column: 1 / -1 !important;
  }
}

/* Временно скрываем заголовок витрины рекомендаций для проверки вида карточек.
   Чтобы вернуть его, удалите это правило. */
body.sales-mode .sales-recommendations__head {
  display: none !important;
}