/* ====== MOBILE HEADER ====== */
.tmenu-mobile__container{
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
}

/* логотип строго по центру */
.tmenu-mobile__burgerlogo{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}

.tmenu-mobile__imglogo{
  display: block !important;

  height: 48px !important;      /* 50px - по 1px сверху/снизу */
  width: auto !important;       /* ширина сама по пропорции */
  max-height: 48px !important;  /* перебиваем старый max-height: 32px */

  max-width: 70vw !important;   /* на всякий если экран узкий */
  object-fit: contain;
}

.t-menuburger{
  position: absolute !important;
  left: auto !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;

  /* комфортная зона тапа */
  width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;

  /* поверх, если рядом есть другие элементы */
  z-index: 5;
}

  /* учёт safe-area на iOS */
  @supports (padding: max(0px)){
    .tmenu-mobile__container{
      padding-left: max(16px, env(safe-area-inset-left));
      padding-right: max(16px, env(safe-area-inset-right));
    }
  }

/* убираем лишние отступы в мобильном меню */
.tmenu-mobile .tmenu-mobile__content,
.tmenu-mobile .tmenu-mobile__menu,
.tmenu-mobile .tmenu-mobile__list,
.tmenu-mobile .tmenu-mobile__wrapper{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* тень у десктопного бруса (если блок t454 используется) */
.t454{
  box-shadow: 0px 15px 30px -10px rgba(0, 11, 48, 0.2) !important;
  -webkit-box-shadow: 0px 15px 30px -10px rgba(0, 11, 48, 0.2) !important;
  -moz-box-shadow: 0px 15px 30px -10px rgba(0, 11, 48, 0.2) !important;
}

/* лёгкая тень у мобильного хэдера, без тени когда открыт */
.tmenu-mobile{
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: box-shadow .3s ease;
}
.tmenu-mobile.tmenu-mobile_opened{ box-shadow: none; }

/* ====== SV201: 2 карточки в ряд на мобиле (только в #rec1313155391) ====== */
@media (max-width: 768px){

  /* сетка 2×2 */
  #rec1313155391.uc-mob-2col .t-sv201,
  #rec1313155391.uc-mob-2col .t-sv201__wrap,
  #rec1313155391.uc-mob-2col .t-sv201__container,
  #rec1313155391.uc-mob-2col .t-container .t-row{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    column-gap: 16px !important;
    row-gap: 16px !important;
  }

  /* карточки не растягиваем на 100% */
  #rec1313155391.uc-mob-2col .t-sv201__col,
  #rec1313155391.uc-mob-2col .t-sv201__item,
  #rec1313155391.uc-mob-2col .t-col{
    width: auto !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }

  /* подрезка полей и текста */
  #rec1313155391.uc-mob-2col .t-container{
    padding-top: 24px !important;
    padding-bottom: 16px !important;
  }
  #rec1313155391.uc-mob-2col .t-descr{ display: none !important; }
  #rec1313155391.uc-mob-2col .t-name,
  #rec1313155391.uc-mob-2col .t-title,
  #rec1313155391.uc-mob-2col .t-uptitle{
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  /* иконки компактнее */
  #rec1313155391.uc-mob-2col svg,
  #rec1313155391.uc-mob-2col img[role="presentation"]{
    width: 56px !important;
    height: 56px !important;
  }
}

/* Игрушки */

.uc-bar-balls{ position:relative; }
.uc-bar-balls::after{
  content:"";
  position:absolute;
  left:6%; right:6%;
  top:14px;
  height:40px;
  pointer-events:none;
  background-repeat:no-repeat;

  /* 4 игрушки: нитка + шар */
  background:
    linear-gradient(rgba(255,255,255,.55), rgba(255,255,255,.55)) 10% 0/1px 18px no-repeat,
    radial-gradient(circle 6px, #d62828 98%, transparent 100%) 10% 18px/12px 12px no-repeat,

    linear-gradient(rgba(255,255,255,.55), rgba(255,255,255,.55)) 36% 0/1px 24px no-repeat,
    radial-gradient(circle 7px, #f2c66d 98%, transparent 100%) 36% 24px/14px 14px no-repeat,

    linear-gradient(rgba(255,255,255,.55), rgba(255,255,255,.55)) 68% 0/1px 16px no-repeat,
    radial-gradient(circle 6px, #7fb069 98%, transparent 100%) 68% 16px/12px 12px no-repeat,

    linear-gradient(rgba(255,255,255,.55), rgba(255,255,255,.55)) 88% 0/1px 20px no-repeat,
    radial-gradient(circle 6px, #3d5a80 98%, transparent 100%) 88% 20px/12px 12px no-repeat;
}






/* === Гирлянда: провод + редкие лампы (аккуратно, не “сыпь”) === */
.uc-garlandbar{
  position: relative;
  overflow: hidden; /* чтобы не лезло за края блока */
}

/* настройка положения */
.uc-garlandbar{
  --uc-garland-top: 6px;    /* куда по Y ставить гирлянду внутри плашки */
  --uc-garland-h: 44px;     /* высота зоны гирлянды */
}

.uc-garlandbar::after{
  content:"";
  position:absolute;
  left:0; right:0;
  top: var(--uc-garland-top);
  height: var(--uc-garland-h);
  pointer-events:none;
  z-index: 5;
 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='44' viewBox='0 0 520 44'%3E%3Cpath d='M0 12 C 45 2 90 22 135 12 S 225 22 270 12 S 360 22 405 12 S 475 22 520 12' fill='none' stroke='%23ffffff' stroke-opacity='0.55' stroke-width='2' stroke-linecap='round'/%3E%3Cg stroke='%23ffffff' stroke-opacity='0.45' stroke-width='1.5'%3E%3Cline x1='55' y1='10' x2='55' y2='24'/%3E%3Cline x1='155' y1='8' x2='155' y2='27'/%3E%3Cline x1='255' y1='14' x2='255' y2='28'/%3E%3Cline x1='355' y1='14' x2='355' y2='28'/%3E%3Cline x1='455' y1='10' x2='455' y2='24'/%3E%3C/g%3E%3Cg%3E%3Ccircle cx='55' cy='30' r='6' fill='%23f2c66d'/%3E%3Ccircle cx='155' cy='32' r='6' fill='%23d62828'/%3E%3Ccircle cx='255' cy='34' r='6' fill='%237fb069'/%3E%3Ccircle cx='355' cy='34' r='6' fill='%233d5a80'/%3E%3Ccircle cx='455' cy='30' r='6' fill='%23ee6c4d'/%3E%3Cg opacity='0.18'%3E%3Ccircle cx='52' cy='27' r='2.2' fill='%23ffffff'/%3E%3Ccircle cx='152' cy='29' r='2.2' fill='%23ffffff'/%3E%3Ccircle cx='252' cy='31' r='2.2' fill='%23ffffff'/%3E%3Ccircle cx='352' cy='31' r='2.2' fill='%23ffffff'/%3E%3Ccircle cx='452' cy='27' r='2.2' fill='%23ffffff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-size: 520px var(--uc-garland-h);
  background-position: center top;
}

/* мобилка: чуть компактнее */
@media (max-width: 480px){
  .uc-garlandbar{
    --uc-garland-top: 5px;
    --uc-garland-h: 36px;
  }
}


/* --- Падающий снег на всём сайте --- */

.snow-container {
  position: fixed;
  pointer-events: none; /* чтобы не мешало кликам */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999; /* поверх контента, но ниже всяких попапов, если они >999 */
  overflow: hidden;
}

.snowflake {
  position: absolute;
  top: -10%;
  color: rgba(255, 255, 255, 0.9);
  font-size: 8px;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  opacity: 0.6;
  animation-name: snow-fall, snow-sway;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
}

/* падение сверху вниз */
@keyframes snow-fall {
  0% {
    top: -10%;
  }
  100% {
    top: 110%;
  }
}

/* лёгкое покачивание туда-сюда */
@keyframes snow-sway {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(15px);
  }
  100% {
    transform: translateX(0);
  }
}

/* немного уменьшаем снег на очень узких экранах, если надо */
@media (max-width: 480px) {
  .snowflake {
    font-size: 6px;
    opacity: 0.5;
  }
}