.lookbook-carousel { position: relative; min-width: 0; max-width: 100%; }
.lookbook-carousel__viewport { min-width: 0; max-width: 100%; }
.lookbook-carousel__controls { display: none; }

@media (max-width: 767.98px) {
  .lookbook-carousel__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
  }

  .lookbook-carousel__viewport::-webkit-scrollbar { display: none; }

  .webglobe-lookbook.webglobe-lookbook--carousel {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 100%;
    gap: 0;
    padding: 0;
  }

  .webglobe-lookbook--carousel > .webglobe-lookbook__item {
    min-width: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .lookbook-carousel__controls:not([hidden]) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    z-index: 60;
    top: 50%;
    inset-inline: 1rem;
    transform: translateY(-50%);
    pointer-events: none;
  }
  button.lookbook-carousel__arrow span {
      bottom: 1px;
      position: relative;
  }
  .lookbook-carousel__arrow {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 5px 20px;
    background: #fff;
    color: #1b1b1b;
    font-size: 1.5rem;
    cursor: pointer;
    pointer-events: auto;
  }

  .lookbook-carousel__arrow:disabled { opacity: .3; cursor: default; }
  .lookbook-carousel__arrow:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
}