/* web/css/main.css */
/* 1. Базовые стили */
@import 'variables.css';
@import 'reset.css';
@import 'globals.css';

/* 2. Layout */
@import 'layout/header.css';
@import 'layout/containers.css';

/* 3. Components */
@import 'components/buttons.css';
@import 'components/toggles.css';

/* 4. Pages */
@import 'pages/home/map.css';
@import 'pages/home/quickActions.css';
@import 'pages/profile/userDetails.css';
@import 'pages/news/feed.css';
@import 'pages/catalog/list.css';
@import 'pages/catalog/filters.css';

/* 5. Responsive (переопределения в конце) */
@media (max-width: 400px) {
  #addressSearch { width: 95%; padding: 5px; }
  #addressInput { font-size: 13px; }
  #searchBtn { width: 32px; height: 32px; }
  #geoBtn { width: 44px; height: 44px; }
}
@media (max-width: 360px) {
  #topNav { padding: 6px 8px; }
  .navTab { max-width: 70px; margin: 0 2px; }
  .navAvatar { width: 28px; height: 28px; font-size: 13px; }
  .navTab svg { width: 20px; height: 20px; }
}
@media (max-width: 340px) {
  .modeLabel { display: none !important; }
  .modeBtn { padding: 8px 10px !important; }
  .sectionHeaderInner { gap: 8px !important; }
}