@media (max-width: 768px) {
  #configurator {
    height: auto;
    min-height: 100vh;
    overflow: hidden;
  }

  #configurator .konfig-section-arrow-left {
    left: var(--mobile-gutter);
  }
  #configurator .konfig-section-arrow-right {
    right: var(--mobile-gutter);
  }

  #configurator .konfigurator-obj {
    max-width: 110vw;
  }

  #configurator .konfigurator-overlay {
    position: absolute;
    inset: 0;
    padding: calc(var(--mobile-gutter) * 2) var(--mobile-gutter)
      var(--mobile-gutter);
  }

  #configurator .konfigurator-obj-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: safe center;
    overflow-x: auto;
    gap: 8px;
    width: 100%;
    scrollbar-width: none;
  }

  #configurator .konfigurator-obj-row::-webkit-scrollbar {
    display: none;
  }

  #configurator .konfig-obj-btn {
    padding: 0 8px 8px;
    flex: 0 0 80px;
    width: 80px;
  }

  #configurator .konfig-obj-btn img {
    width: 44px;
    height: 44px;
  }

  #configurator .konfig-obj-btn span {
    font-size: 12px;
  }
}