/* ===== Light Purple Theme (from scratch) ===== */

.video-taxonomy-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.video-taxonomy-row--tags{
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid rgba(151,31,45,.14);
}
.video-taxonomy-label{
  flex:0 0 94px;
  padding-top:6px;
  font-weight:400;
  color:#55232c;
}
.video-taxonomy-items{
  display:flex;
  flex:1;
  flex-wrap:wrap;
  gap:6px;
}
.video-taxonomy-items a{ text-decoration:none; }
.video-taxonomy-items .button_dwl{
  padding:6px 10px;
  font-size:14px;
}
.video-taxonomy-items a:hover .button_dwl{
  filter:brightness(.97);
  transform:translateY(-1px);
}
.video-player-box{position:relative;width:100%;max-width:720px;margin:auto;background:#000;border-radius:10px;overflow:hidden;aspect-ratio:16/9}
.video-player-box video{display:block;width:100%!important;height:100%!important;background:#000}
.video-player-box:fullscreen,.video-player-box:-webkit-full-screen{width:100vw;max-width:none;height:100vh;aspect-ratio:auto}
.video-player-box:fullscreen video,.video-player-box:-webkit-full-screen video{width:100%!important;height:100%!important;object-fit:contain}
.video-player-box .plyr{--plyr-color-main:#cb2b5a;--plyr-video-control-color-hover:#a91e46;--plyr-video-control-color:#fff}
.video-player-box .plyr__control--overlaid{background:#cb2b5a}
.video-player-box .plyr__control--overlaid:hover{background:#a91e46}
.video-player-start{position:absolute;inset:0;z-index:2;width:100%;border:0;padding:0;background:#000;cursor:pointer}
.video-player-poster{display:block;width:100%;height:100%;object-fit:cover;opacity:.82}
.video-player-play{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(20,15,35,.82)}
.video-player-play:after{content:'';position:absolute;left:23px;top:17px;border-left:19px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.video-player-loader{display:none;position:absolute;left:50%;top:65%;transform:translateX(-50%);color:#fff;font:14px Arial;white-space:nowrap}
.is-video-loading .video-player-play{display:none}.is-video-loading .video-player-loader{display:block}.is-video-ready .video-player-start{display:none}.is-video-error .video-player-loader{display:block}
@media (max-width:560px){
  .video-taxonomy-row{ display:block; }
  .video-taxonomy-row--tags{ margin-top:8px; padding-top:8px; }
  .video-taxonomy-label{
    padding-top:0;
    margin-bottom:6px;
  }
  .video-taxonomy-items{ gap:6px; }
}

/* Палитра Sosajka */
:root{
  --bg: #fff1f4;
  --bg-2:#f6dce3;
  --surface:#ffffff;
  --chip:#ffffffb3;
  --ink:#40272d;
  --muted:#835b65;
  --brand:#b7223a;
  --brand-2:#d95b76;
  --brand-3:#f3bac7;
  --border:#f0ccd4;
  --shadow:0 8px 22px rgba(151,31,45,.14);
}

/* База */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0 auto;
  font-family:Verdana,Arial,sans-serif;
  font-size:14px;
  line-height:1.45;
  color:var(--ink);
  background:
    radial-gradient(1200px 800px at 0% 0%, var(--bg) 0, var(--bg-2) 55%, var(--bg) 100%);
}

/* Универсальное обёртывание основных блоков */
div{padding:0;margin:0}
.main{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:14px;
  padding:14px 16px;
  margin:12px auto;
  box-shadow:var(--shadow);
  max-width:1220px;
  color:var(--ink);
}

/* Шапка */
div.head{
  background:linear-gradient(180deg, #f4a8bc 0%, #bd3659 100%);
  box-shadow:inset 0 0 60px rgba(0,0,0,.08);
  padding:0;
  border-bottom:1px solid var(--border);
}
div.head a{display:block}
div.head img{display:block;width:319px;height:90px;max-width:100%}
h1{
  margin:0;
  padding:14px 20px 16px;
  font-family:Arial,Verdana,sans-serif;
  font-size:16px;
  line-height:1.22;
  font-weight:700;
  letter-spacing:-.015em;
  color:#fff;
  background:linear-gradient(180deg,#cb2b4e 0%,#8d1830 100%);
  border-top:1px solid #e85f79;
  border-bottom:1px solid #711324;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
@media (max-width:560px){
  div.head img{width:278px;height:auto}
  h1{padding:11px 16px 13px;font-size:16px;line-height:1.25}
}

/* Внешние ссылки */
.external-links{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:12px;
  padding:10px 14px;
  margin:12px auto 16px;
  font-size:14px;
  color:var(--muted);
  max-width:1220px;
  box-shadow:var(--shadow);
}
.external-links a{
  display:inline-block;
  margin:1px 10px 1px 0;
  color:var(--brand);
  text-decoration:underline;
}
.external-links a:hover{opacity:.9;text-decoration:none}

/* ====== ЛИСТИНГ ====== */
.list{width:100%; background:transparent}
.list>div{
  margin:0 auto;
  max-width:1220px;
  padding:8px;
  display:grid;
  grid-template-columns:repeat(2,minmax(260px,1fr));
  gap:14px;
  text-align:initial; /* не по центру в гриде */
}

/* Брейкпоинты сетки */
@media (min-width:720px){ .list>div{grid-template-columns:repeat(3,minmax(260px,1fr))} }
@media (min-width:1000px){ .list>div{grid-template-columns:repeat(4,minmax(240px,1fr))} }

/* Карточка */
.tumb{
  display:block;
  width:100%;
  padding:0;
  min-width:0;     /* важное: не ломать мобилу */
  max-width:100%;
  position:relative;
}
.tumb>div{
  overflow:hidden;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow:var(--shadow);
  color:var(--ink);
  transition:transform .12s ease, box-shadow .12s ease;
}
.tumb>div:hover{transform:translateY(-2px)}
.tumb a{display:block; color:inherit; text-decoration:none}

/* Заголовок */
.cards__title,
.tumb span:first-child {
  display: block;
  padding: 12px 14px 8px 14px;
  font-size: 15px;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.25;
  max-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0 0 5px 0;
}

/* Compact card heading and metadata. Duration lives beside date and views. */
.cards__title,
.tumb span:first-child {
    padding: 8px 10px 5px;
    margin: 0;
    min-height: 0;
    max-height: 39px;
    font-size: 14px;
    line-height: 1.2;
}

.card__info_time {
    display: none !important;
}

.tumb .card__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px 9px;
    min-height: 34px;
    box-sizing: border-box;
}

.tumb .card__meta .date,
.tumb .card__meta .duration-meta,
.tumb .card__meta .views {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    float: none;
    margin: 0;
    min-height: 24px;
    padding: 3px 7px;
    border: 1px solid rgba(196, 28, 82, .25);
    border-radius: 999px;
    background: #fff;
    color: #6d1734;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
}

/* The legacy global video rule added a border/shadow and made hover previews overflow. */
.cards__img-holder {
    border-radius: 0 0 12px 12px;
    overflow: hidden;
}

.cards__img-holder .card-preview-video {
    box-sizing: border-box;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    filter: none !important;
}

.cards__img-holder .card-preview-video {
    opacity: 0;
    transition: opacity .16s ease;
    pointer-events: none;
}

.cards__img-holder.is-previewing .card-preview-video { opacity: 1; }

/* Align the logo with the H1 text in the full-width header. */
div.head > a {
    box-sizing: border-box;
    padding-left: 20px;
}
@media (max-width:560px) {
    div.head > a { padding-left: 16px; }
}

/* Tighter card layout with visible metadata icons. */
.cards__title,
.tumb span:first-child {
    margin: 0 0 5px;
}

.tumb .card__meta {
    gap: 5px;
    min-height: 28px;
    padding: 4px 10px 6px;
}

.tumb .card__meta .date,
.tumb .card__meta .duration-meta,
.tumb .card__meta .views {
    min-height: 22px;
    padding: 2px 7px;
    font-size: 12px;
}

.tumb .card__meta .date,
.tumb .card__meta .views {
    padding-left: 7px;
    background-image: none;
}

.tumb .card__meta .date::before {
    content: "▦";
    color: #a30e3d;
    font-size: 13px;
    line-height: 1;
}

.tumb .card__meta .views::before {
    content: "◉";
    color: #a30e3d;
    font-size: 12px;
    line-height: 1;
}

/* Keep the preview title clear of the image and center its duration metadata. */
.cards__title,
.tumb span:first-child {
    margin-bottom: 8px;
}

.tumb .card__meta {
    position: relative;
}

.tumb .card__meta .duration-meta {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* Cards stay still on hover: no coloured edge or image highlight. */
.tumb > div,
.tumb > div:hover {
    transform: none;
    box-shadow: var(--shadow);
}

/* Category and related cards use spans: reserve the same clean title spacing. */
.tumb > div > .cards__title {
    display: -webkit-box !important;
    box-sizing: border-box;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    margin: 0 !important;
    padding: 8px 10px 9px !important;
    line-height: 16px !important;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Plain, left-aligned metadata in three equal cells. */
.tumb .card__meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: 7px 10px 8px;
}

.tumb .card__meta .date,
.tumb .card__meta .duration-meta,
.tumb .card__meta .views {
    justify-self: stretch;
    justify-content: flex-start;
    min-height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #596170;
    font-size: 12px;
    font-weight: 500;
}

.tumb .card__meta .date {
    transform: none;
    background-image: none;
}

.tumb .card__meta .duration-meta {
    position: static;
    transform: none;
}

.tumb .card__meta .views {
    background-image: none;
}

.tumb .card__meta .date::before,
.tumb .card__meta .duration-meta::before,
.tumb .card__meta .views::before {
    color: #687181;
    font-size: 13px;
    line-height: 1;
}

.tumb .card__meta .date::before { content: "▣"; }
.tumb .card__meta .duration-meta::before { content: "◷"; }
.tumb .card__meta .views::before { content: "◉"; }

.cards__img-holder,
.cards__img-holder img,
.cards__img-holder video {
    outline: 0;
    box-shadow: none;
    filter: none;
}

/* Stable two-line title area: text never meets the preview image. */
.tumb .cards__title,
.tumb span:first-child {
    box-sizing: border-box;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    margin: 0;
    padding: 8px 10px 9px;
    line-height: 16px;
}

/* Three equal metadata slots: left, exact centre, right. */
.tumb .card__meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: 0;
}

.tumb .card__meta .date { justify-self: start; }

/* Align only the left date chip with the card content; centre and right stay fixed. */
.tumb .card__meta .date { transform: translateX(-6px); }

/* Square preview edge; rounding belongs to the outer card only. */
.cards__img-holder {
    border-radius: 0;
}

.tumb > div,
.tumb > div:hover {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    overflow: hidden;
    box-shadow: none;
}
.tumb .card__meta .duration-meta {
    position: static;
    left: auto;
    transform: none;
    justify-self: center;
}
.tumb .card__meta .views {
    margin-left: 0;
    justify-self: end;
}

.tumb .card__meta .date {
    padding-left: 23px;
    background-position: 7px center;
    background-size: 13px 13px;
}

.tumb .card__meta .duration-meta::before {
    content: "◷";
    color: #a30e3d;
    font-size: 15px;
    line-height: 1;
}

.tumb .card__meta .views {
    margin-left: auto;
    padding-left: 23px;
    background-position: 7px center;
    background-size: 13px 13px;
}

/* Final metadata layout — three true equal cells with neutral icons. */
.tumb .card__meta {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: center;
    gap: 0 !important;
    padding: 7px 10px 8px !important;
}

.tumb .card__meta .date,
.tumb .card__meta .duration-meta,
.tumb .card__meta .views {
    display: inline-flex !important;
    width: 100% !important;
    box-sizing: border-box;
    justify-content: center !important;
    align-items: center;
    gap: 5px;
    min-height: 20px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #4f5b6b !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    transform: none !important;
}

.tumb .card__meta .date::before,
.tumb .card__meta .duration-meta::before,
.tumb .card__meta .views::before {
    color: #737f90 !important;
    font-size: 13px !important;
    line-height: 1;
}

.tumb .card__meta .date::before { content: "▦" !important; }
.tumb .card__meta .duration-meta::before { content: "◷" !important; }
.tumb .card__meta .views::before { content: "◉" !important; }

/* Медиа-превью */
.cards__img-holder,
.tumb .img{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#000;
  overflow:hidden;
  border-bottom:1px solid var(--border);
}
.cards__img-holder img,
.cards__img-holder video,
.tumb .img img{
  position:absolute; inset:0;
  width:100% !important; height:100% !important;
  object-fit:cover;
}
.card__info{
  position:absolute; z-index:2;
  top:8px; left:8px;
  padding:4px 8px;
  font-size:12px; line-height:1;
  border-radius:999px;
  background:rgba(47,39,64,.78);
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
}
.card__info_hd{display:none!important}
.card__info_time{top:auto; bottom:8px; left:auto; right:8px; background:rgba(0,0,0,.55)}

/* Дубликат метки длительности (если в разметке есть .duration) — не показываем, оставляем только .card__info_time */
.duration{display:none}

/* Метаданные */
.tumb .date,
.tumb .views{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px 6px 28px;
  margin:10px 0 12px 14px;
  background:var(--chip);
  border:1px solid var(--border);
  border-radius:999px;
  color:var(--muted);
  box-shadow:inset 0 2px 10px rgba(151,31,45,.08);
  background-repeat:no-repeat;
  background-position:8px center;
}
.tumb .date{ background-image:url(/styles/img/date.png) }
.tumb .views{ margin-left:8px; background-image:url(/styles/img/view.png) }

/* растолкаем чипы по краям */
.tumb .date  { float: left; }
.tumb .views { float: right; margin:10px 14px 12px 8px; } /* правый отступ 14px */

/* чтобы контейнер учитывал высоту плавающих элементов */
.tumb > div::after { content: ""; display: block; clear: both; }


/* Кнопки-метки под видео (категории) */
.button_dwl{
  cursor:pointer;
  background:var(--brand-3);
  color:#333;
  display:inline-block;
  text-decoration:none;
  margin:4px 6px 0 0;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--border);
  box-shadow:0 2px 8px rgba(151,31,45,.12);
  font-weight:600;
}
.button_dwl:hover{filter:brightness(.98)}

/* ====== ПАГИНАЦИЯ/ССЫЛКИ ====== */
.pages{text-align:center; background:transparent; padding:0; border:0; box-shadow:none}
.pages a,.pages span{
  display:inline-block;
  padding:10px 14px;
  margin:6px 4px 14px;
  font-weight:700;
  border-radius:999px;
  border:1px solid var(--border);
}
.pages a{
  background:var(--brand);
  color:#fff;
  box-shadow:var(--shadow);
}
.pages a:hover{filter:brightness(.98)}
.pages span{
  background:var(--brand-3);
  color:#000;
}

/* Лентовые ссылки */
a.link{
  background:linear-gradient(180deg,var(--brand-3),var(--brand-2));
  color:#314856;
  display:block;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid var(--border);
  margin:10px auto;
  max-width:1220px;
  box-shadow:var(--shadow);
  text-decoration:none;
}
a.link:hover{filter:brightness(1.02)}

/* Подвал */
.foot{
  background:linear-gradient(180deg,var(--brand-3),var(--brand-2));
  color:#efdb2e;
  font-size:12px;
  padding:12px 20px 16px;
  border-top:1px solid #716c6e;
  border-bottom:1px solid #61595c;
  box-shadow:inset 0 0 40px rgba(0,0,0,.25);
  border-radius:0 0 14px 14px;
}
.foot a,
.footer-links a{
  color:#a01848;
  text-decoration-color:#d87195;
}
.foot a:hover,
.footer-links a:hover{
  color:#71112f;
}

/* Формы */
input,select{
  padding:9px 12px;
  border-radius:10px;
  background:#eee;
  border:1px solid var(--border);
}
input[type=submit], a.knopka{
  background:var(--brand);
  color:#fff;
  border:0;
  border-radius:12px;
  padding:10px 14px;
  box-shadow:var(--shadow);
}
a.knopka{display:inline-block; text-decoration:none; font-weight:700}
a.knopka:hover{filter:brightness(.98)}

/* Счётчик */
.count{
  float:right;
  background:rgba(255,255,255,.6);
  padding:4px 10px;
  border-radius:999px;
  border:1px solid var(--border);
  font-weight:700;
}

/* Ошибки */
.error{
  background:#fff3f5;
  color:#aa6966;
  font-size:15px;
  padding:14px;
  border:1px solid #ffd7df;
  border-radius:12px;
}

/* Видео */
.video-wrapper{
  position:relative;
  width:100%;
  max-width:720px;
  margin:0 auto;
  aspect-ratio:16/9;
}
.video-wrapper video{
  width:100%; height:100%;
  display:block; object-fit:cover;
  border-radius:12px;
  box-shadow:var(--shadow);
  border:2px solid #fff;
}
.video-embed-frame{
  display:block;
  width:100%;
  height:100%;
  border:0;
  border-radius:10px;
  background:#000;
}

/* 1) Ссылки-строки: читаемость и выравнивание */
a.link{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:12px 16px;
  color:#551a2b;
  font-weight:600;
  background:linear-gradient(180deg,#f6c3d0,#dc6680);
  border:1px solid #efadc0;
  border-radius:12px;
  box-shadow:0 10px 22px rgba(151,31,45,.16);
}
a.link img{opacity:.9;flex:0 0 auto}
a.link:hover{filter:brightness(1.02)}

/* 2) Счётчик, когда он ВНУТРИ ссылки */
a.link .count{
  margin:0 0 0 auto;         /* увести вправо */
  float:none;
  background:#fff;
  color:#a91e46;
  border:1px solid #efadc0;
  padding:4px 10px;
  border-radius:999px;
  font-weight:700;
}

/* 3) Фикс, если счётчик остаётся СИБЛИНГОМ после ссылки (без изменения PHP)
   Визуально приклеиваем к предыдущей ссылке. */
a.link + .count{
  position:relative;
  display:inline-flex;
  align-items:center;
  margin: -42px 16px 10px auto;  /* «поднимаем» на высоту ссылки */
  float:none;
  background:#fff;
  color:#a91e46;
  border:1px solid #efadc0;
  padding:4px 10px;
  border-radius:999px;
  box-shadow:0 6px 16px rgba(151,31,45,.16);
}

/* 4) Адаптив: аккуратнее на мобиле */
@media (max-width:560px){
  a.link{min-height:44px;padding:10px 12px}
  a.link .count{padding:3px 9px}
  a.link + .count{margin:-38px 12px 8px auto}
}

.search-form {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 8px;
  margin: 10px auto;
  flex-wrap: wrap;
  max-width: 720px;
}
.search-form input[type="text"] {
  flex: 1 1 380px;
  min-width: 200px;
  padding: 10px 14px;
  font-size: 16px;
  border: 1px solid #efadc0;
  border-radius: 10px;
  background: #fff8fa;
  box-shadow: 0 2px 8px rgba(151,31,45,.12) inset;
  color: #551a2b;
}
.search-form input[type="text"]:focus {
  outline: none;
  border-color: #b7223a;
  box-shadow: 0 0 8px rgba(183,34,58,.32);
}
.search-form input[type="submit"] {
  background: linear-gradient(180deg, #d95b76, #a91e46);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 10px 24px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all .2s ease;
  box-shadow: 0 3px 10px rgba(151,31,45,.22);
}
.search-form input[type="submit"]:hover {
  filter: brightness(1.05);
  box-shadow: 0 4px 14px rgba(151,31,45,.32);
}
.search-form input[type="submit"]:active {
  transform: scale(.97);
}

/* адаптив */
@media (max-width:560px){
  .search-form{gap:6px}
  .search-form input[type="text"]{flex:1 1 100%;font-size:15px}
  .search-form input[type="submit"]{width:100%;font-size:15px}
}


/* ====== MOBILE ====== */
@media (max-width:560px) {
  .main {
    margin: 10px 8px;
    padding: 12px;
  }

  .list > div {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 6px;
    max-width: 520px;
  }

  .cards__title {
    font-size: 14px;
    max-height: 44px;
    margin-bottom: 5px;
  }

  .tumb .date,
  .tumb .views {
    margin: 10px 8px 12px 8px;
  }
}



/* Yaporn legacy CSS override: preserve the clean Sosajka menu typography. */
a.link {
  font-family: Verdana, Arial, sans-serif;
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: 0;
  text-shadow: none;
}
a.link img {
  display: block;
}

/* Reset legacy card-title decoration that does not exist in Sosajka. */
.tumb span:first-child {
  height: auto;
  min-height: 0;
  text-align: left;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 12px 14px 8px;
  margin: 0 0 5px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: 600;
}

/* Yaporn red palette: stronger brand contrast and warmer surfaces. */
:root {
  --bg:#fff5f6;
  --bg-2:#ffd9df;
  --surface:#fff;
  --ink:#43121f;
  --muted:#8a4050;
  --brand:#ad0b32;
  --brand-2:#eb3f62;
  --brand-3:#ffc0cc;
  --border:#ffc5d0;
  --shadow:0 10px 26px rgba(150,0,38,.14);
}
body { background:radial-gradient(1200px 800px at 0% 0%,#fff9fa 0,#ffd9e0 58%,#fff4f6 100%); }
div.head { background:linear-gradient(135deg,#f75b77 0%,#c6103b 55%,#85001f 100%); }
h1 { background:linear-gradient(180deg,#c80c38 0%,#8b001f 100%); border-top-color:#f25877; border-bottom-color:#670016; }
a.link { background:linear-gradient(180deg,#ffd3dc 0%,#f26a83 100%); color:#4d1423; border-color:#ffb3c3; box-shadow:0 9px 20px rgba(167,0,45,.16); }
a.link .count { color:#a60032; border-color:#ffb2c2; }
.button_dwl,input[type=submit] { background:linear-gradient(180deg,#df1647,#a5002c); }
.video-player-box .plyr { --plyr-color-main:#d61348; --plyr-video-control-color-hover:#a5002c; }
.video-player-play { background:rgba(198,8,52,.9); box-shadow:0 8px 22px rgba(100,0,25,.35); }

/* Dark burgundy refinement. */
:root { --brand:#79001f; --brand-2:#a61137; --brand-3:#e9a5b5; --border:#eeb2bf; --shadow:0 10px 26px rgba(82,0,21,.2); }
div.head { background:linear-gradient(135deg,#9d1738 0%,#690018 54%,#3f0010 100%); }
h1 { background:linear-gradient(180deg,#8f092b 0%,#560012 100%); border-top-color:#c84460; border-bottom-color:#39000c; }
a.link { background:linear-gradient(180deg,#efbac6 0%,#c2445d 100%); color:#3e0d19; border-color:#e38b9d; box-shadow:0 9px 20px rgba(103,0,29,.2); }
.button_dwl,input[type=submit] { background:linear-gradient(180deg,#a71035,#650018); }
.video-player-box .plyr { --plyr-color-main:#a90c36; --plyr-video-control-color-hover:#670018; }
.video-player-play { background:rgba(128,0,33,.92); }

/* Do not inherit the old .heads font and gradient rules. */
h1.heads {
  margin:0;
  padding:14px 20px 16px;
  font-family:Arial, Verdana, sans-serif;
  font-size:16px;
  font-weight:700;
  line-height:1.22;
  letter-spacing:0;
  text-align:left;
  color:#fff;
  text-shadow:none;
}
div.head img { width:auto; height:auto; max-width:100%; }

/* Responsive taxonomy chips: neutral labels and high-contrast actions. */
.video-taxonomy-row { gap:12px; padding:2px 0; }
.video-taxonomy-label { flex:0 0 92px; padding-top:7px; color:#681126; font-size:14px; }
.video-taxonomy-items { gap:8px; min-width:0; }
.video-taxonomy-items a { display:inline-flex; text-decoration:none; border:0; padding:0; background:transparent; }
.video-taxonomy-items .button_dwl { display:inline-flex; align-items:center; min-height:34px; padding:7px 12px; margin:0; border:1px solid #8e0027; border-radius:999px; background:linear-gradient(180deg,#a90c36,#70001d); color:#fff; font-size:13px; font-weight:600; line-height:1; box-shadow:0 3px 8px rgba(105,0,29,.2); }
.video-taxonomy-items a:hover .button_dwl { background:linear-gradient(180deg,#c71948,#850021); color:#fff; transform:translateY(-1px); }
@media (max-width:560px) {
  .video-taxonomy-row { display:block; padding:7px 0; }
  .video-taxonomy-row + .video-taxonomy-row { border-top:1px solid #f1c5cf; }
  .video-taxonomy-label { display:block; padding:0; margin:0 0 7px; }
  .video-taxonomy-items { gap:7px; }
  .video-taxonomy-items .button_dwl { min-height:32px; padding:7px 11px; font-size:13px; }
}

/* Header content follows the same 1220px grid as page blocks. */
div.head > a { display:block; width:calc(100% - 32px); max-width:1220px; margin:0 auto; }
header { background:linear-gradient(180deg,#8f092b 0%,#560012 100%); border-top:1px solid #c84460; border-bottom:1px solid #39000c; }
h1.heads { width:calc(100% - 32px); max-width:1220px; margin:0 auto; padding:14px 0 16px; background:transparent; border:0; }
@media (max-width:560px) { div.head > a, h1.heads { width:calc(100% - 24px); } h1.heads { padding:11px 0 13px; } }

/* Header bands use the same container width as content. */
div.head, header { width:calc(100% - 32px); max-width:1220px; margin-left:auto; margin-right:auto; }
div.head > a, h1.heads { width:100%; max-width:none; }
@media (max-width:560px) { div.head, header { width:calc(100% - 24px); } div.head > a, h1.heads { width:100%; } }

/* Footer mirrors the dark burgundy header. */
.foot { background:linear-gradient(180deg,#8f092b 0%,#560012 100%); border-top-color:#c84460; color:#fff; }
.foot a, .footer-links a { color:#ffe6eb; }
.foot a:hover, .footer-links a:hover { color:#fff; }

/* Softer header container spacing and corners. */
div.head { margin-top:12px; border-radius:14px 14px 0 0; overflow:hidden; }
header { border-radius:0 0 14px 14px; overflow:hidden; margin-bottom:12px; }
@media (max-width:560px) { div.head { margin-top:10px; border-radius:12px 12px 0 0; } header { border-radius:0 0 12px 12px; margin-bottom:10px; } }

/* Restore full-width header and title bands. */
div.head, header { width:100%; max-width:none; margin:0; border-radius:0; }
div.head { overflow:visible; }
header { overflow:visible; margin-bottom:0; }
div.head > a { width:auto; max-width:none; margin:0; }
h1.heads { width:100%; max-width:none; margin:0; padding:14px 20px 16px; }
@media (max-width:560px) { div.head, header { width:100%; } h1.heads { width:100%; padding:11px 16px 13px; } }

/* Final card spacing override: compact title and metadata below the preview. */
.cards__title,
.tumb span:first-child {
    padding: 8px 10px 5px;
    margin: 0;
    min-height: 0;
    max-height: 39px;
    font-size: 14px;
    line-height: 1.2;
}

.card__info_time { display: none !important; }

.tumb .card__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px 9px;
    min-height: 34px;
    box-sizing: border-box;
}

.tumb .card__meta .date,
.tumb .card__meta .duration-meta,
.tumb .card__meta .views {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    float: none;
    margin: 0;
    min-height: 24px;
    padding: 3px 7px;
    border: 1px solid rgba(196, 28, 82, .25);
    border-radius: 999px;
    background-color: #fff;
    color: #6d1734;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
}

.tumb .card__meta .date {
    padding-left: 23px;
    background-position: 7px center;
    background-size: 13px 13px;
}

.tumb .card__meta .duration-meta::before {
    content: "◷";
    color: #a30e3d;
    font-size: 15px;
    line-height: 1;
}

.tumb .card__meta .views {
    margin-left: auto;
    padding-left: 23px;
    background-position: 7px center;
    background-size: 13px 13px;
}