/* MEDVID WEB Christmas Card — затверджені зміни першого екрана (рішення 1, 4) і кнопка «Переглянути ще раз».
   Конверт, печатка, сяйво й відео — без змін (css/intro.css). */

/* логотип компанії з декоративним оформленням на місці колишнього напису «MEDVID WEB» */
.cover-brand{
  position: absolute; left: 0; right: 0; top: calc(env(safe-area-inset-top) + 22px); z-index: 5;
  display: flex; flex-direction: column; align-items: center; gap: 8px; pointer-events: none;
  font-family: Georgia, "Times New Roman", serif;
}
.cover-brand .cb-img{ display: block; max-height: clamp(30px, 6vh, 54px); max-width: 58vw; object-fit: contain; }
.cover-brand .cb-mono{
  width: clamp(38px, 5.4vh, 48px); height: clamp(38px, 5.4vh, 48px); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid rgba(214,180,112,.72);
  box-shadow: inset 0 0 0 3px #0e1a35, inset 0 0 0 3.6px rgba(214,180,112,.35);
  color: rgba(238,216,168,.92); font-size: 15px; letter-spacing: .08em; padding-left: .08em;
}
.cover-brand .cb-name{
  font-size: 11px; letter-spacing: .32em; padding-left: .32em; text-transform: uppercase;
  color: rgba(236,222,192,.62); text-align: center; max-width: 86vw; line-height: 1.5;
}
.cover-brand .cb-orn{ display: flex; align-items: center; gap: 7px; width: 112px; color: rgba(226,192,120,.85); }
.cover-brand .cb-orn i{ flex: 1; height: 1px; background: linear-gradient(90deg, rgba(214,180,112,0), rgba(214,180,112,.7)); }
.cover-brand .cb-orn i:last-child{ background: linear-gradient(270deg, rgba(214,180,112,0), rgba(214,180,112,.7)); }
.cover-brand .cb-orn svg{ width: 9px; height: 9px; flex: none; }
@media (max-height: 700px){
  .cover-brand{ top: calc(env(safe-area-inset-top) + 12px); gap: 5px; }
  .cover-brand .cb-name{ font-size: 10px; }
}

/* тестова кнопка вступу — лише з ?debug */
.t-replay{ display: none; }
body.debug .t-replay{ display: block; }

/* логотип на листівці: монограма, поки немає файлу логотипа, або сам файл */
.finale .letter .logo.mono span{ font-size: 1em; letter-spacing: .06em; margin-left: .06em; }
.finale .letter .logo.has-img{ border: 0; box-shadow: none; border-radius: 0; width: auto; max-width: 60%; }
.finale .letter .logo.has-img img{ display: block; max-height: 100%; max-width: 100%; object-fit: contain; }

/* «Переглянути ще раз» */
.watch-again{
  position: fixed; z-index: 30; left: 50%; top: auto; bottom: 16px;
  font-family: 'MW Card Serif', Georgia, serif; font-style: italic; font-weight: 500; font-size: 16px; letter-spacing: .04em;
  color: #f6e8cc; padding: 10px 24px; border-radius: 999px; white-space: nowrap; cursor: pointer;
  border: 1px solid rgba(240,210,150,.55); background: rgba(30,18,10,.55);
  box-shadow: 0 6px 20px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,240,210,.12);
  opacity: 0; visibility: hidden; transition: opacity .8s ease, visibility 0s .8s;
  -webkit-tap-highlight-color: transparent;
}
.watch-again.compact{ font-size: 14px; padding: 6px 16px; }
.watch-again.show{ opacity: 1; visibility: visible; transition-delay: 0s; }
.watch-again:focus-visible{ outline: 2px solid rgba(236,212,166,.8); outline-offset: 3px; }