/* BESHOPPING, общие правки CRYSTAL (16.10.2026, Юля):
   1) шапка прилеплена к самому верху на всех экранах и во встроенных браузерах (Instagram/Telegram);
   2) бургер слева у края, корзина справа у края, логотип по центру. */
/* v2 (16.10, вечер): вместо position:fixed - sticky. В WKWebView (Instagram/Telegram на iPhone) fixed-элементы
   «гуляют» при сворачивании адресной строки и над ними проглядывает страница. Sticky-шапка остаётся в потоке
   (первый блок страницы) и прилипает к верху без смещений. Для sticky #allrecords не должен быть scroll-контейнером:
   overflow:hidden → overflow:clip (так же режет горизонтальный выход блоков, но не ломает sticky). */
#allrecords{overflow:clip!important;overflow-x:clip!important;padding-top:0!important}
#allrecords>#t-header{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:99990!important;transform:none!important;overflow:visible!important}
#rec1189405556{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;z-index:99990!important;transform:none!important}
/* v3: во встроенном браузере Instagram/Telegram на iPhone адресная строка - полупрозрачная панель поверх страницы, а
   прилепленная шапка начинается сразу под ней (выше браузер не пускает). Сквозь панель и в зазоре вокруг неё просвечивал
   сайт. Щит: продолжаем фон шапки на 200px вверх, под панель - там теперь всегда цвет шапки, а не страница. */
#allrecords>#t-header::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:200px;background:#faf5f6;z-index:-1;pointer-events:none}
#allrecords>#t-header{isolation:isolate}
@media(min-width:960px){#allrecords>#t-header::before{display:none}}
#rec1189405556 .t396__artboard{position:relative!important;top:auto!important}
/* бургер */
#rec1189405556 .t396__elem[data-elem-id="1753723745631"]{left:16px!important}
/* корзина: иконка + бейдж + число */
#rec1189405556 .t396__elem[data-elem-id="1753723745627"]{left:auto!important;right:18px!important}
#rec1189405556 .t396__elem[data-elem-id="1753791817499"]{left:auto!important;right:10px!important}
#rec1189405556 .t396__elem[data-elem-id="1753791846216"]{left:auto!important;right:11px!important}
/* логотип по центру */
#rec1189405556 .t396__elem[data-elem-id="1753723745639"]{left:50%!important;margin-left:-60px!important}
@media(min-width:480px){#rec1189405556 .t396__elem[data-elem-id="1753723745639"]{margin-left:-100px!important}}
/* на десктопе (меню видно) логотип и иконки остаются как в Tilda */
@media(min-width:960px){#rec1189405556 .t396__elem[data-elem-id="1753723745639"]{left:auto!important;margin-left:0!important}}