/* The Swedish site (tomtevideo.se, studio/site-se; T1026-41), after site.css: its plain bar, the wordmark's size,
   the stills that stand in for the sample videos until the Swedish ones exist, and the stills cropped to their left page
   (the right page of carte.webp and scrisoare.webp carries Romanian handwriting). micapoveste.ro never loads this file. */

/* the bar: the wordmark on the left, the questions, „Logga in” and the order button on the right; no drawer */
.se-bar .bar__in { display: flex; justify-content: space-between; gap: 16px; }
.se-bar .bar__logo img { width: 262px; height: 23px; }
.se-bar__nav { display: flex; align-items: center; gap: 4px; }
.se-bar__link { display: inline-flex; align-items: center; height: 42px; padding: 0 12px; color: var(--text-2); font-size: 15px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.se-bar__link:hover, .se-bar__link[aria-current="page"] { color: var(--navy); }
.se-bar__cta { display: inline-flex; align-items: center; height: 42px; margin-left: 6px; padding: 0 18px; border-radius: 999px; background: var(--navy); color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.se-bar__cta:hover { background: #1a2b5e; }
@media (max-width: 760px) { .se-bar__link:first-child { display: none; } }
@media (max-width: 520px) {
  .se-bar .bar__logo img { width: 190px; height: 17px; }
  .se-bar__link { padding: 0 8px; font-size: 14px; }
  .se-bar__cta { height: 38px; padding: 0 14px; font-size: 14px; }
}
@media (max-width: 380px) { .se-bar__link { display: none; } }

.se-foot__logo { width: 262px; height: 23px; }

/* a still in the player's frame while there is no Swedish sample video */
.se-still img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }

/* the left page of the book only: the picture at 2.2 times the card's width, moved so the photo or the drawing on the
   left page fills the 16:9 frame and the handwriting on the right page stays outside it */
.se-crop { display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.mv-card .se-crop img { width: 220%; max-width: none; height: auto; aspect-ratio: auto; margin: -31.5% 0 0 -12%; }

/* Tomten's face, round, where micapoveste.ro shows its mascot */
.se-round { border-radius: 50%; object-fit: cover; }
.se-cta-face { display: block; width: 100%; height: auto; border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.12), 0 24px 60px rgba(0, 0, 0, 0.4); }