/* Кнопки под постером — одна grid-сетка на обе кнопки */

.fleft-img .CallendarButtons.poster-actions {
  --pb-h: 36px;
  --pb-font: 13px;
  --pb-radius: 8px;
  --pb-border: #e3e8ee;
  --pb-gap: 8px;
  --pb-icon: 16px;
  --pb-caret-inset: 12px;
  --pb-caret-reserve: calc(var(--pb-caret-inset) + var(--pb-icon));
  --pb-watch-shift: -10px;
  --pb-schedule-shift: -2px;
  width: 100%;
  margin-top: 12px;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.fleft-img .CallendarButtons.poster-actions > .watchlist-popover,
.fleft-img .CallendarButtons.poster-actions > button,
.fleft-img .CallendarButtons.poster-actions > a.serial-side-btn--schedule {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: stretch !important;
}

.fleft-img .CallendarButtons.poster-actions > .watchlist-popover {
  display: block !important;
  position: relative !important;
}

.fleft-img .CallendarButtons.poster-actions > .watchlist-popover .watchlist-popover__trigger {
  width: 100% !important;
}

/* Общая сетка: равные поля слева/справа, icon col2 text col3 */
.fleft-img .CallendarButtons.poster-actions > a.serial-side-btn--schedule,
.fleft-img .CallendarButtons.poster-actions > button.watchlist-popover__trigger,
.fleft-img .CallendarButtons.poster-actions > .watchlist-popover > button.watchlist-popover__trigger {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  column-gap: var(--pb-gap) !important;
  align-items: center !important;
  position: relative !important;
  width: 100% !important;
  height: var(--pb-h) !important;
  min-height: var(--pb-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: var(--pb-radius) !important;
  font-family: 'inter', sans-serif !important;
  font-size: var(--pb-font) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-transform: none !important;
  overflow: hidden !important;
  cursor: pointer;
  appearance: none !important;
  -webkit-appearance: none !important;
  transform: none !important;
  text-decoration: none !important;
}

.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger > .serial-side-btn__core,
.fleft-img .CallendarButtons.poster-actions > .watchlist-popover > button.watchlist-popover__trigger > .serial-side-btn__core {
  display: contents !important;
}

.fleft-img .CallendarButtons.poster-actions > a.serial-side-btn--schedule > .serial-side-btn__ico,
.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger > .serial-side-btn__core > .serial-side-btn__ico,
.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger > .serial-side-btn__core > .watchlist-popover__icon {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.fleft-img .CallendarButtons.poster-actions > a.serial-side-btn--schedule > .serial-side-btn__text,
.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger > .serial-side-btn__core > .serial-side-btn__text,
.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger > .serial-side-btn__core > .watchlist-popover__label {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

.fleft-img .CallendarButtons.poster-actions > a.serial-side-btn--schedule > .serial-side-btn__ico,
.fleft-img .CallendarButtons.poster-actions > a.serial-side-btn--schedule > .serial-side-btn__text {
  transform: translateX(var(--pb-schedule-shift)) !important;
}

/* Watchlist: компенсация стрелки — icon + текст влево вместе */
.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger > .serial-side-btn__core > .serial-side-btn__ico,
.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger > .serial-side-btn__core > .watchlist-popover__icon,
.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger > .serial-side-btn__core > .serial-side-btn__text,
.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger > .serial-side-btn__core > .watchlist-popover__label {
  transform: translateX(var(--pb-watch-shift)) !important;
}

.fleft-img .CallendarButtons.poster-actions > a.serial-side-btn--schedule::before,
.fleft-img .CallendarButtons.poster-actions > a.serial-side-btn--schedule::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
}

.fleft-img .CallendarButtons.poster-actions > a.serial-side-btn--schedule {
  border: 1px solid transparent !important;
  color: #fff !important;
  background: linear-gradient(180deg, #8bd24a 0%, #79c142 100%) !important;
  box-shadow: 0 2px 8px rgba(121, 193, 66, 0.32) !important;
}

.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger {
  border: 1px solid var(--pb-border) !important;
  color: #2b333c !important;
  background: #fff !important;
  box-shadow: 0 1px 3px rgba(20, 28, 36, 0.06) !important;
}

.fleft-img .CallendarButtons.poster-actions .serial-side-btn__ico,
.fleft-img .CallendarButtons.poster-actions .watchlist-popover__icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--pb-icon) !important;
  height: var(--pb-icon) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  flex: none !important;
}

.fleft-img .CallendarButtons.poster-actions > a.serial-side-btn--schedule .serial-side-btn__ico {
  color: #fff !important;
}

.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger .serial-side-btn__ico,
.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger .watchlist-popover__icon {
  color: #79c142 !important;
}

.fleft-img .CallendarButtons.poster-actions .serial-side-btn__ico::before,
.fleft-img .CallendarButtons.poster-actions .watchlist-popover__icon::before {
  display: none !important;
  content: none !important;
}

.fleft-img .CallendarButtons.poster-actions .serial-side-btn__ico svg {
  display: block !important;
  width: var(--pb-icon) !important;
  height: var(--pb-icon) !important;
}

.fleft-img .CallendarButtons.poster-actions > a.serial-side-btn--schedule .serial-side-btn__ico svg {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}

.fleft-img .CallendarButtons.poster-actions .serial-side-btn__text,
.fleft-img .CallendarButtons.poster-actions .watchlist-popover__label {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-align: left !important;
  background: transparent !important;
  border: none !important;
  width: auto !important;
  min-width: 0 !important;
}

.fleft-img .CallendarButtons.poster-actions > a.serial-side-btn--schedule .serial-side-btn__text {
  color: #fff !important;
}

.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger > .watchlist-popover__caret,
.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger > .serial-side-btn__arrow,
.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger > .serial-side-btn__tail {
  position: absolute !important;
  right: var(--pb-caret-inset) !important;
  top: 50% !important;
  left: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--pb-icon) !important;
  height: var(--pb-icon) !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #8a939c !important;
  background: transparent !important;
  border: none !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger > .watchlist-popover__caret svg,
.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger > .serial-side-btn__arrow svg {
  display: block !important;
  width: 12px !important;
  height: 12px !important;
  fill: currentColor !important;
}

.fleft-img .CallendarButtons.poster-actions .watchlist-popover.is-open .watchlist-popover__caret,
.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger[aria-expanded="true"] .watchlist-popover__caret {
  transform: translateY(-50%) rotate(180deg) !important;
}

@media (hover: hover) and (pointer: fine) {
  .fleft-img .CallendarButtons.poster-actions > a.serial-side-btn--schedule:hover {
    background: linear-gradient(180deg, #92d852 0%, #7fc948 100%) !important;
    box-shadow: 0 4px 14px rgba(121, 193, 66, 0.4) !important;
  }

  .fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger:hover {
    border-color: #cfd8df !important;
    background: #fafbfc !important;
    box-shadow: 0 4px 12px rgba(20, 28, 36, 0.08) !important;
  }
}

.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger .serial-side-btn__text,
.fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger .watchlist-popover__label {
  color: #2b333c !important;
}

.dt .fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger {
  background: #252b33 !important;
  border-color: #3a4552 !important;
  color: #f0f4f8 !important;
}

.dt .fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger .serial-side-btn__text,
.dt .fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger .watchlist-popover__label {
  color: #f0f4f8 !important;
}

.dt .fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger > .watchlist-popover__caret,
.dt .fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger > .serial-side-btn__arrow {
  color: #a8b4c0 !important;
}

@media (hover: hover) and (pointer: fine) {
  .dt .fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger:hover {
    background: #2d343d !important;
    border-color: #4a5563 !important;
  }

  .dt .fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger:hover .serial-side-btn__text,
  .dt .fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger:hover .watchlist-popover__label {
    color: #ffffff !important;
  }
}

article.full .fleft-img .CallendarButtons.poster-actions a.serial-side-btn--schedule::before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
}

article.full .fleft-img .CallendarButtons.poster-actions > a.serial-side-btn--schedule,
article.full .fleft-img .CallendarButtons.poster-actions > button.watchlist-popover__trigger,
article.full .fleft-img .CallendarButtons.poster-actions > .watchlist-popover > button.watchlist-popover__trigger {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto minmax(0, 1fr) !important;
  column-gap: 8px !important;
  align-items: center !important;
}

article.full .fleft-img .CallendarButtons.poster-actions button.watchlist-popover__trigger > .serial-side-btn__core {
  display: contents !important;
}