/*
 * NIKCO.LOG responsive browsing system
 * Mobile and tablet tabs use direct, visible navigation instead of nested
 * carousels. Purpose-built carousels that also exist on desktop are preserved.
 */

@media (max-width: 1260px) {
  body { overflow-x: clip; }

  .nikco-mobile-carousel-controls,
  .sea-topic-controls,
  .sea-topic-status,
  .customs-topic-controls,
  .customs-topic-status {
    display: none !important;
  }

  body .nikco-responsive-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 12px !important;
    padding-inline: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
    touch-action: pan-y !important;
  }

  body .nikco-responsive-grid > * {
    grid-column: auto !important;
    grid-row: auto !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    scroll-snap-align: none !important;
    scroll-snap-stop: normal !important;
  }

  body .nikco-responsive-grid > :is(article, li, a, section) {
    padding: clamp(20px, 3.2vw, 32px) !important;
  }

  body .services-mode-grid.nikco-responsive-grid > .mode-card {
    min-height: clamp(320px, 44vw, 470px) !important;
  }

  body .service-chain-track.nikco-responsive-grid > li {
    min-height: 190px !important;
  }

  body .service-chain-track.nikco-responsive-grid h3 { margin-top: 58px; }

  :is(
    .industries-tabs,
    .routes-index,
    .project-tabs,
    .criteria-tabs,
    .air-tabs,
    .sea-topic-track,
    .customs-topic-track,
    .customs-topic-tabs
  ) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
    touch-action: manipulation !important;
  }

  :is(
    .industries-tabs,
    .routes-index,
    .project-tabs,
    .criteria-tabs,
    .air-tabs,
    .sea-topic-track,
    .customs-topic-track,
    .customs-topic-tabs
  ) > :is(button, a) {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 68px !important;
    padding: 14px 16px !important;
    scroll-snap-align: none !important;
    white-space: normal !important;
    text-align: start !important;
    line-height: 1.55 !important;
  }

  .industries-tabs button,
  .routes-index button { min-height: 82px !important; }

  :is(
    .industry-choice-controls,
    .road-journey-controls,
    .sea-journey-controls,
    .about-team-controls
  ) button {
    min-width: 48px !important;
    min-height: 48px !important;
    touch-action: manipulation;
  }
}

@media (max-width: 620px) {
  body .nikco-responsive-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body .services-mode-grid.nikco-responsive-grid > .mode-card {
    min-height: 330px !important;
  }

  body .nikco-responsive-grid > :is(article, li, a, section) {
    padding: 22px !important;
  }

  :is(
    .industries-tabs,
    .routes-index,
    .project-tabs,
    .criteria-tabs,
    .air-tabs,
    .sea-topic-track,
    .customs-topic-track,
    .customs-topic-tabs
  ) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  :is(
    .industries-tabs,
    .routes-index,
    .project-tabs,
    .criteria-tabs,
    .air-tabs,
    .sea-topic-track,
    .customs-topic-track,
    .customs-topic-tabs
  ) > :is(button, a) {
    min-height: 62px !important;
    padding: 12px !important;
    font-size: 14px !important;
  }

}

@media (prefers-reduced-motion: reduce) {
  .nikco-responsive-grid,
  .industries-tabs,
  .routes-index,
  .project-tabs,
  .criteria-tabs,
  .air-tabs,
  .sea-topic-track,
  .customs-topic-track { scroll-behavior: auto !important; }
}