/** * Layout overrides — точечные правки до следующего полноценного билда. * Подключается через index.html в самом конце чтобы перебить * утилиты Tailwind по специфичности (одинаковая, но порядок). */ /* ─── Site-wide .container width ──────────────────────────────────────── Tailwind по умолчанию режет .container на 2xl до 1536px — на 4K/UWQHD это даёт «обрубленные» окна с большими пустыми полями. Поднимаем на 1920px чтобы детальные страницы (отели, рестораны, туры, бронирования, истории, ски-пассы и т.д.) использовали всю контентную область, как заложено в дизайне Figma. */ @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1920px !important; } } @media (min-width: 1920px) { .container { max-width: 1920px !important; } } /* /tourist/hotels/:id — мобильные паддинги (десктоп использует layout width — никаких max-width клеток здесь больше нет). */ @media (max-width: 640px) { body[data-page="hotel-detail"] main > div > div.relative.z-10 > div.bg-card\/80 { padding: 16px !important; border-radius: 18px !important; } } @media (min-width: 641px) and (max-width: 1024px) { body[data-page="hotel-detail"] main > div > div.relative.z-10 > div.bg-card\/80 { padding: 24px !important; } }