/* DroneX v84 — responsive homepage category row + natural-height catalog.
   All category labels and routes remain server-generated for RU, EN and AM.
   Loaded after v83 to override its fixed panel height and scroll rules. */

/* Section-wide divider: wrapper is full bleed, inner list uses site container. */
.dx-theme.main_page .dx-home-content > .dx-home-category-section {
  width:100%;
  margin:var(--dx-major-section-gap,80px) 0 0;
  padding:0;
  border-top:0;
  background:transparent;
}
.dx-theme.main_page .dx-home-category-section > .dx-category-strip {
  margin:0 auto;
  padding-top:0 !important;
  padding-bottom:0 !important;
  align-items:start;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}
/* The hover bar spans each tile's width and cannot shift the icon or label. */
.dx-theme.main_page .dx-home-category-section .dx-category-tile {
  position:relative;
  box-sizing:border-box;
  align-self:stretch;
  padding:0 3px;
  border:0;
  transition:color .18s ease;
}
.dx-theme.main_page .dx-home-category-section .dx-category-tile__name {
  overflow-wrap:anywhere;
}
@media (prefers-reduced-motion:reduce) {
  .dx-theme.main_page .dx-home-category-section .dx-category-tile {
    transition:none;
  }
}
@media (max-width:767px) {
}

/* Old OkayCMS/DroneX CSS capped the menu at 300/540px and forced nested
   overflow scrolling. The white panel now follows the actual category count. */
.dx-theme .categories_nav.dx-catalog-menu {
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  overflow:visible !important;
}
.dx-theme .categories_nav.dx-catalog-menu > .categories_nav__menu,
.dx-theme .categories_nav.dx-catalog-menu > .categories_nav__menu > .categories_menu {
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
}
.dx-theme .categories_nav.dx-catalog-menu .categories_menu,
.dx-theme .categories_nav.dx-catalog-menu .subcategory {
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  overscroll-behavior:auto;
}
/* The v84 template no longer opts into .fn_category_scroll; suppress any
   legacy injected arrows left by third-party scripts or cached markup. */
.dx-theme .categories_nav.dx-catalog-menu .hover_scroll,
.dx-theme .categories_nav.dx-catalog-menu .hover_scroll_up,
.dx-theme .categories_nav.dx-catalog-menu .hover_scroll_down {
  display:none !important;
}
@media (min-width:992px) {
  /* Keep nested white panels at least as tall as the first-level panel. */
  .dx-theme .categories_nav.dx-catalog-menu .categories_nav__subcategory {
    height:auto !important;
    min-height:100%;
    max-height:none !important;
    overflow:visible !important;
  }
}
@media (max-width:991px) {
  /* On narrow screens use normal page scrolling, not an independently
     scrolling 58dvh/72dvh white menu, while keeping the tap-to-open submenu. */
  .dx-theme .categories_nav.dx-catalog-menu {
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
    overscroll-behavior:auto;
  }
  .dx-theme .categories_nav.dx-catalog-menu .categories_nav__subcategory {
    min-height:0 !important;
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
  }
}

.dx-theme .categories_nav.dx-catalog-menu .categories_menu,
.dx-theme .categories_nav.dx-catalog-menu .subcategory {
  list-style:none !important;
  margin:0;
  padding-left:0;
}
.dx-theme .categories_nav.dx-catalog-menu .categories_menu__item {
  list-style:none !important;
  margin-left:0;
}
.dx-theme .categories_nav.dx-catalog-menu > .categories_nav__menu > .categories_menu {
  border-radius:0 0 12px 12px;
}