.youwatched_img {
  box-shadow: 0 6px 16px rgba(0,0,0,0.28);
	width: 60px;
	height: 50px;
border-radius: 3px 3px 0px 3px;
	margin-left: -8px;
   z-index: 10; /* ✅ ДОБАВИЛИ z-index */
}

.youwatched_block {
	margin-left: 600px;
	width: 328px;
	height: 50px;
  border-radius: 15px 5px 5px 15px;
  border: 1px solid #EBD0EE;
	background: linear-gradient(135deg, #161214 0%, #25181d 100%);
  box-shadow: 0 12px 34px rgba(0,0,0,0.52);
  border: 1px solid rgba(255,255,255,0.03);
  transition: transform .14s ease, box-shadow .14s ease;
}

.youwatched_title {
  position: relative; /* ✅ ОБЯЗАТЕЛЬНО */
  z-index: 10; /* ✅ КОНТЕЙНЕР КАРТИНКИ ТОЖЕ ПОВЕРХ */
}


.watched {

}

.continue_prosmotr {
	font-size: 20px;
  font-family: 'CopperPlate';
  font-weight: 100;
  font-size: 14px;  
  margin-left: 952px; 
  width: 171px;
  top: -35px;

}

.continue_prosmotr:hover {

}

.continue_prosmotr::after {
   content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background: #ECE3E8;
  transition: width 0.3s ease;
}

.continue_prosmotr:hover::after {
  width: 100%;
}


.marquee_txt {
	margin-left: 12px;
	font-size: 13px;
	vertical-align: top;
 	font-family: 'Copperplate', serif; 
  font-weight: 300;
  font-style: normal;
  color: #F3EBF0;
}

.marquee_year {
	font-family: 'Copperplate', serif; 
  font-weight: 300;
  font-size: 10px;
	position: relative;
	margin-top: -19px;
	left: 13px;
	vertical-align: top;
  color: #C9BFD0;
   
}

.youwatched_txt {
	margin-top: -75px;
	margin-left: 55px;
  position: relative;
}


.youwatched {margin:20px 0px 0 180px; float:none;  }
.youwatched {float:none;  }

:root {
  --avatar-accent: rgba(243,203,224,0.92); /* мягкий розовый (рекомендуемый) */
  --accent-bar: rgba(243,203,224,0.06);    /* очень тонкий левый бар */
  --card-bg: #161214;                      /* текущий фон карточки (оставил тёмным) */
  --card-radius: 14px;
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}
 
@-moz-keyframes scroll {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -moz-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}
 
@keyframes scroll {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0)
    }
}
 
.marquee {
	padding-top: 7px;
	vertical-align: top;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}


.youwatched_block:hover {
	cursor: pointer;
	opacity: 0.7;
	
}

/* сдвиг блока карточек вниз — небольшой gap между заголовком и первой карточкой */
/* уменьшай/увеличивай margin-top чтобы карточки стояли ближе/дальше */
.sidebar-watched .watched {
  /* margin-top: -10px !important;
  box-sizing: border-box;*/
}


.continue_prosmotr_wrap {
  color: #ECE3E8;
  position: relative;
  margin-bottom: -38px; /* ✅ УМЕНЬШАЕМ ОТСТУП СНИЗУ */
}

.continue_prosmotr {
  font-size: 15px !important;
  font-family: 'CopperPlate';
  font-weight: 100;
  margin-left: 952px; 
  width: 171px;
  position: relative;
  color: #ECE3E8;
  cursor: pointer;
}

.continue_prosmotr::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background: #ECE3E8;
  transition: width 0.3s ease;
}

.continue_prosmotr:hover::after {
  width: 100%;
}

/* ✅ ИСПРАВЛЯЕМ ОТСТУПЫ ДЛЯ КАРТОЧКИ */
.sidebar-watched .watched {
  margin-top: 5px !important; /* ✅ УМЕНЬШАЕМ ОТСТУП СВЕРХУ */
}


.marquee_txt {
  margin-left: 12px;
  font-size: 13px;
  vertical-align: top;
  font-family: 'Copperplate', serif; 
  font-weight: 300;
  font-style: normal;
  color: #F3EBF0;
  /* ✅ НОВЫЕ СТИЛИ ДЛЯ МНОГОТОЧИЯ */
  max-width: calc(100% - 0px); /* ширина с учетом отступов */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  transition: max-width 0.3s ease;
}

.marquee_year {
  font-family: 'Copperplate', serif; 
  font-weight: 300;
  font-size: 10px;
  position: relative;
  margin-top: -19px;
  left: 13px;
  vertical-align: top;
  color: #C9BFD0;
  z-index: 1; /* ✅ ДОБАВЬ ТОЛЬКО ЭТО */
}


.marquee {
  padding-top: 7px;
  vertical-align: top;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  /* ✅ ОГРАНИЧИВАЕМ ШИРИНУ */
  max-width: calc(100% - 10px); /* оставляем место справа */
  position: relative;
}

.marquee:hover .marquee_txt {
  max-width: none;
  width: 500px; /* ✅ КОНКРЕТНАЯ ШИРИНА ВМЕСТО auto */
  text-overflow: none;
  animation: scroll 7s infinite linear;
  transform: translateX(0);
  display: inline-block; /* ✅ ДОБАВИЛИ inline-block */
}

.marquee_year {
  font-family: 'Copperplate', serif; 
  font-weight: 300;
  font-size: 10px;
  position: absolute; /* ✅ АБСОЛЮТНАЯ ПОЗИЦИЯ */
  top: 43px; /* ✅ ФИКСИРОВАННАЯ ПОЗИЦИЯ ОТ ВЕРХА БЛОКА */
  left: 13px;
  color: #C9BFD0;
  z-index: 2; /* ✅ ПОВЕРХ ВСЕГО */
}






@media screen and (min-width: 1600px) { 
	.youwatched_block {
		margin-left: 650px;
	}

	.pop_anm {
	  max-width: 1000px;
	}
}