/**
 * LeGeekShop — navigation tactile des univers.
 * Les interactions desktop au survol restent gérées par lgk-expanding-panels.css.
 */
html.lgk-storefront--legeekshop .lgk-flex-panels__mobile-hint,
html.lgk-storefront--legeekshop .lgk-flex-panel__cta {
  display: none;
}

@media screen and (max-width: 699px) {
  html.lgk-storefront--legeekshop .lgk-flex-panels {
    padding-inline: 0 !important;
    overflow: hidden;
  }

  html.lgk-storefront--legeekshop .lgk-flex-panels__head {
    margin-bottom: 1.25rem;
    padding-inline: 1.25rem;
  }

  html.lgk-storefront--legeekshop .lgk-flex-panels__sub {
    display: none;
  }

  html.lgk-storefront--legeekshop .lgk-flex-panels__mobile-hint {
    display: block;
    max-width: 24rem;
    margin: 0.65rem auto 0;
    color: var(--lgk-text-secondary, #94a3b8);
    font-size: 0.88rem;
    line-height: 1.5;
  }

  html.lgk-storefront--legeekshop .lgk-flex-panels__row {
    display: flex !important;
    flex-direction: row !important;
    width: 100%;
    height: clamp(17rem, 78vw, 22rem) !important;
    min-height: 17rem !important;
    max-height: 22rem !important;
    gap: 0.8rem !important;
    padding: 0 1.25rem 0.5rem;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    scroll-snap-type: inline mandatory;
    scroll-padding-inline: 1.25rem;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
  }

  html.lgk-storefront--legeekshop .lgk-flex-panels__row::-webkit-scrollbar {
    display: none;
  }

  html.lgk-storefront--legeekshop .lgk-flex-panel {
    flex: 0 0 min(82vw, 22rem) !important;
    width: min(82vw, 22rem) !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1rem !important;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3);
  }

  html.lgk-storefront--legeekshop .lgk-flex-panel:active {
    transform: scale(0.985);
  }

  html.lgk-storefront--legeekshop .lgk-flex-panel__shade {
    background: linear-gradient(
      180deg,
      rgba(4, 8, 14, 0.06) 0%,
      rgba(4, 8, 14, 0.25) 48%,
      rgba(4, 8, 14, 0.92) 100%
    );
  }

  html.lgk-storefront--legeekshop .lgk-flex-panel__copy {
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.45rem;
    padding: 1.25rem;
  }

  html.lgk-storefront--legeekshop .lgk-flex-panel__kicker {
    opacity: 1;
    max-width: 100%;
    font-size: 0.7rem;
  }

  html.lgk-storefront--legeekshop .lgk-flex-panel__label {
    writing-mode: horizontal-tb;
    transform: none;
    font-size: clamp(1.35rem, 7vw, 1.8rem);
    letter-spacing: 0.1em;
  }

  html.lgk-storefront--legeekshop .lgk-flex-panel__cta {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0.25rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.32);
    border-radius: 999px;
    background: rgba(5, 8, 12, 0.72);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
  }

  html.lgk-storefront--legeekshop .lgk-flex-panels__hint {
    margin-top: 0.9rem;
    padding-inline: 1.25rem;
  }
}