.td-panel {
  position: fixed;
  right: var(--td-x, 20px);

  width: var(--td-w, 320px);
  min-height: var(--td-h, 140px);

  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.2);

  display: flex;
  flex-direction: row;

  z-index: 2147483647;

  transition: right .28s ease, top .28s ease, bottom .28s ease;
}

/* ===== ЯЗЫЧОК ===== */

.td-tab {
  width: var(--td-tab, 44px);
  min-width: var(--td-tab, 44px);

  background: #111;
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px 0 0 12px;
  position: relative;
}

.td-tab::after {
  content: '';
  width: 12px;
  height: 12px;

  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;

  transform: rotate(135deg);
  transition: transform .25s ease;
}

.td-panel.is-collapsed .td-tab::after {
  transform: rotate(-45deg);
}

/* ===== КОНТЕНТ ===== */

.td-content {
  flex: 1;              /* ← КЛЮЧЕВОЕ ИСПРАВЛЕНИЕ */
  width: 100%;          /* ← фикс растяжения */
  padding: 14px;
  box-sizing: border-box;
}

/* заголовок */
.td-title {
  font-size: var(--td-title-size, 16px);
  font-weight: 600;
  margin-bottom: 6px;
}

/* текст */
.td-text {
  font-size: var(--td-text-size, 14px);
  margin-bottom: 10px;
}

.td-title {
  color: #111;
}

.td-text {
  color: #666;
}

/* ===== КНОПКИ ===== */

.td-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;

  width: 100%;
  align-items: stretch;
}

/* КЛЮЧЕВОЙ ФИКС: убираем max-width + margin auto */
.td-btn {
  display: block;
  width: 100%;
}

/* изображения */
.td-btn img {
  width: 100%;
  display: block;
  border-radius: 8px;
}

/* ===== МОБИЛЬНАЯ ВЕРСИЯ ===== */

@media (max-width: 480px) {
  .td-panel {
    width: 280px;
  }
}