/* Десктопная обвязка публичного сайта (bikraapp.ru "/"). Сами компоненты — карточки товара, хиты, цены, избранное, тосты — берутся из app.css, того же файла, что и в приложении: сайт не рисует свои карточки, а показывает наши. Здесь только то, чего в приложении нет: шапка сайта, герой, бегущая строка, баннер акций во всю ширину и подвал. */ :root { --site-navy: #0E1730; --site-navy-2: #14213D; /* Шрифт — тот же системный стек, что и в приложении (app.css). Из макетов взяты раскладка и анимации, но не гарнитура: PT Sans рядом с приложением читался бы как другой продукт. Крупные заголовки держим на весе и трекинге, а не на отдельной узкой гарнитуре. */ --sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif; --disp: var(--sans); } /* app.css рассчитан на полноэкранные .screen приложения — на сайте страница обычная, прокручивается целиком. */ body.site-page { display: block; height: auto; min-height: 100vh; overflow-x: hidden; overflow-y: auto; background: var(--bg); font-family: var(--sans); } .site-page .container { width: min(1240px, 100%); margin: 0 auto; padding: 0 20px; } /* Ни одна ссылка на сайте не подчёркивается: шапка, баннер акций, подвал — это кнопки и пункты меню, а не текстовые ссылки в абзаце. Исключение — правовые ссылки в самом низу (см. .ftr-copy a ниже). */ .site-page a { text-decoration: none; color: inherit; } /* Элементы шапки и баннер акций —