/* Полностью вырубить все браузерные фокусы и подсветки */
* {
  -webkit-tap-highlight-color: transparent !important;
}
:focus, :focus-visible, a:active, button:active, input:active, textarea:active {
  outline: none !important;
  box-shadow: none !important;
  outline-color: transparent !important;
}

/* Firefox inner */
button::-moz-focus-inner { border: 0; padding: 0; }

/* Иногда полезно добавить конкретные селекторы для меню/иконок Tilda */
.t-menu__link, .t-menu__icon, .t-popup__close, .t-btn {
  outline: none !important;
  box-shadow: none !important;
}



/* Планшет + мобилка: выравнивание + фикс обрезания правого края SVG */
@media (max-width: 1199.98px){
  #rec1147521386 .t-sociallinks__wrapper{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center;
    font-size:0 !important;      /* убираем влияние пробелов */
    gap:3px !important;          /* интервал между кружками (поставь свой) */
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
  }
  #rec1147521386 .t-sociallinks__item{
    margin:0 !important;         /* гасим стандартные отступы у li */
  }
  #rec1147521386 .t-sociallinks__item a{
    /* Жёсткие размеры линка и центрирование SVG */
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:30px !important;
    height:30px !important;
  }
  /* КРИТИЧЕСКОЕ: даём SVG 1px-«воздуха», чтобы не резался край */
  #rec1147521386 .t-sociallinks__svg{
    width:28px !important;       /* было 30px → стало 28px */
    height:28px !important;
    overflow:visible;            /* на всякий случай */
  }
}



/* === BASE WRAPPER === */
#rec1597763751 .t395__wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 5px 0;
}

/* === TAB === */
#rec1597763751 .t395__tab {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 6px 18px !important;
    height: 26px !important;
    border-radius: 4px !important;
    background: #000 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

/* === TEXT === */
#rec1597763751 .t395__title {
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    padding: 0 !important;
}

/* === ACTIVE === */
#rec1597763751 .t395__tab_active {
    background: #dffc4a !important;
}
#rec1597763751 .t395__tab_active .t395__title {
    color: #000 !important;
}

/* Убираем лишние псевдоэлементы */
#rec1597763751 .t395__tab:before,
#rec1597763751 .t395__tab:after {
    display: none !important;
}

/* === MOBILE === */
@media (max-width: 480px) {
    #rec1597763751 .t395__wrapper {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    #rec1597763751 .t395__tab {
        height: 26px !important;
        padding: 5px 12px !important;
    }
    #rec1597763751 .t395__title {
        font-size: 14px !important;
    }
}

/* === TABLET VERTICAL 640–960 === */
@media (min-width: 640px) and (max-width: 960px) {
    #rec1597763751 .t395__wrapper {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* === УМЕНЬШАЕМ ДЛИНУ ТАБОВ на ДЕКСТОПЕ + ВЫРАВНИВАЕМ СЛЕВА === */
@media (min-width: 1200px) {

    /* ⬅️ ТАБЫ ВЛЕВО */
    #rec1597763751 .t395__wrapper {
        gap: 14px !important;
        justify-content: flex-start !important;
    }

    #rec1597763751 .t395__tab {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: 200px !important; 
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #rec1597763751 .t395__title {
        width: auto !important;
        max-width: 200px !important;
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        overflow: hidden !important;
    }
}

/* === ДОБАВЛЯЕМ ОТСТУП СПРАВА НА ВСЕ ЭКРАНЫ