/* =========================================================
   ROLLEX MEGA MENU - LAYOUT ENGINE v2.2
   Muss NACH mega-menu.css geladen werden.
   ========================================================= */

@media (min-width: 992px) {
  .rf-demo-panel,
  .rf-demo-panel--wide {
    width: var(--rf-mega-panel-width, min(1120px, calc(100vw - 32px))) !important;
    max-width: calc(100vw - 32px) !important;
    grid-template-columns: var(--rf-mega-panel-columns, minmax(280px, 380px) minmax(420px, 1fr)) !important;
  }

  .rf-demo-product-grid[data-rf-grid-columns] {
    display: grid !important;
    grid-template-columns: repeat(var(--rf-product-grid-columns, 2), minmax(0, 1fr)) !important;
    width: min(var(--rf-product-grid-width, 100%), 100%) !important;
    max-width: 100% !important;
    margin-left: var(--rf-product-grid-margin-left, auto) !important;
    margin-right: var(--rf-product-grid-margin-right, auto) !important;
    align-content: start;
  }

  .rf-demo-product-grid[data-rf-grid-width="auto"] {
    width: 100% !important;
  }

  .rf-demo-product-grid[data-rf-grid-width="full"] {
    width: 100% !important;
  }

  .rf-demo-product-grid[data-rf-tile-height="compact"] .rf-product-tile {
    min-height: 108px !important;
  }

  .rf-demo-product-grid[data-rf-tile-height="medium"] .rf-product-tile {
    min-height: 146px !important;
  }

  .rf-demo-product-grid[data-rf-tile-height="tall"] .rf-product-tile {
    min-height: 188px !important;
  }
}

@media (max-width: 991.98px) {
  .rf-demo-product-grid[data-rf-grid-columns] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    grid-template-columns: 1fr !important;
  }
}