/* Cabinet promo — site palette (cream + purple) */
#cabinet-promo.cab-promo {
  padding: 40px 0;
  background: var(--bg);
}

#cabinet-promo .cab-promo__inner {
  display: block;
}

#cabinet-promo .cab-promo__left {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) auto;
  grid-template-areas: "head list btn";
  align-items: center;
  gap: 20px 28px;
  background: linear-gradient(145deg, #f7f5ea 0%, #fff 55%, #f3f0ff 100%);
  border: 1px solid rgba(108, 71, 255, 0.14);
  border-radius: var(--radius-lg);
  padding: 24px 28px;
  box-shadow: 0 12px 36px rgba(108, 71, 255, 0.08);
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

#cabinet-promo .cab-promo__head {
  grid-area: head;
  min-width: 0;
}

#cabinet-promo .cab-promo__left .tag {
  color: var(--accent);
  margin-bottom: 10px;
}

#cabinet-promo .cab-promo__left .section__title {
  margin-bottom: 10px;
  color: var(--text);
  font-size: clamp(1.15rem, 2.2vw, 1.65rem);
  line-height: 1.15;
}

#cabinet-promo .cab-promo__lead {
  margin: 0;
  color: var(--text2);
  font-size: 0.84rem;
  line-height: 1.6;
}

#cabinet-promo .cab-promo__list {
  grid-area: list;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#cabinet-promo .cab-promo__list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--text2);
  font-size: 0.78rem;
  line-height: 1.45;
}

#cabinet-promo .cab-promo__list li strong {
  color: var(--text);
}

#cabinet-promo .cab-promo__icon {
  flex-shrink: 0;
  font-size: 0.95rem;
}

#cabinet-promo .cab-promo__btns {
  grid-area: btn;
  margin: 0;
}

#cabinet-promo .cab-promo__btns .btn {
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 960px) {
  #cabinet-promo .cab-promo__left {
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "list"
      "btn";
    padding: 20px 22px;
  }

  #cabinet-promo .cab-promo__list {
    grid-template-columns: 1fr;
  }

  #cabinet-promo .cab-promo__btns .btn {
    width: 100%;
  }
}

@media (max-width: 640px) {
  #cabinet-promo.cab-promo {
    padding: 28px 0;
  }

  #cabinet-promo .cab-promo__left {
    padding: 18px 16px;
  }
}