/* Mood mobile-native v3 — FS shop page + related */

@media (max-width: 1023px) {
  /* ——— /fs-shop page ——— */
  body.mood-mobile-v3 #pageFsShop .fsshop {
    gap: var(--space-4);
    padding-top: 0;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-hero {
    border: none;
    border-radius: 0;
    background: transparent;
    overflow: visible;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-hero__glow {
    display: none;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-hero__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
    padding: 0;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-hero__eyebrow {
    margin-bottom: 8px;
    padding: 4px 10px;
    font-size: 11px;
    background: color-mix(in srgb, var(--accent) 12%, transparent);
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-hero__title {
    margin-bottom: 6px;
    font-size: 1.35rem;
    line-height: 1.15;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-hero__sub {
    font-size: 14px;
    line-height: 1.45;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-hero__note {
    margin-top: 8px;
    font-size: 12px;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-wallet {
    position: sticky;
    top: calc(var(--header-stack-offset, var(--mood-header-offset)) - 1px);
    z-index: var(--z-mob-sticky, 100);
    max-width: none;
    margin: 0 calc(-1 * var(--mob-gutter));
    padding: var(--space-3) var(--mob-gutter);
    border: none;
    border-radius: 0;
    border-bottom: 0.5px solid var(--mob-menu-separator, var(--border));
    background: color-mix(in srgb, var(--bg) 92%, transparent);
    -webkit-backdrop-filter: blur(12px) saturate(1.2);
    backdrop-filter: blur(12px) saturate(1.2);
    box-shadow: none;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-wallet__amount {
    font-size: 28px;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-wallet__exchange {
    min-height: var(--mob-touch-min, 44px);
    border: none;
    background: color-mix(in srgb, var(--accent) 12%, transparent);
    color: var(--accent);
  }

  /* Toolbar: segmented tabs + compact tools row */
  body.mood-mobile-v3 #pageFsShop .fsshop-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    padding: 3px;
    border-radius: 12px;
    background: var(--mob-fill-tertiary, var(--surface-2));
    border: none;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-tabs::-webkit-scrollbar {
    display: none;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-tab {
    flex-shrink: 0;
    scroll-snap-align: start;
    min-height: 40px;
    padding: 8px 12px;
    border: none;
    background: transparent;
    font-size: 13px;
    box-shadow: none;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-tab.is-active {
    background: var(--bg-card);
    color: var(--text);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-tab.is-active .fsshop-tab__count {
    background: color-mix(in srgb, var(--accent) 18%, transparent);
    color: var(--accent);
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-toolbar__tools {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 10px;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-switch__text {
    font-size: 13px;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-sort {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 52%;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-sort__select {
    width: 100%;
    min-height: var(--mob-touch-min, 44px);
    border: none;
    background: var(--mob-fill-secondary, var(--surface-2));
    font-size: 13px;
  }

  /* Product grid */
  body.mood-mobile-v3 #pageFsShop .fsshop-grid,
  body.mood-mobile-v3 #pageFsShop .fsshop-skeleton {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-card {
    border: none;
    border-radius: var(--mob-menu-group-radius, 14px);
    background: var(--mob-fill-secondary, var(--surface-2));
    box-shadow: none;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-card:hover {
    transform: none;
    box-shadow: none;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-card__top {
    padding: var(--space-4) var(--space-3) var(--space-3);
    background: transparent;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-card__top::before,
  body.mood-mobile-v3 #pageFsShop .fsshop-card__top::after {
    display: none;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-card__count {
    font-size: 2.25rem;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-card__body {
    padding: 0 var(--space-3) var(--space-3);
    background: transparent;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-card__body::before {
    display: none;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-card__foot {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 0 var(--space-3) var(--space-3);
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-card__buy {
    width: 100%;
    min-height: var(--mob-touch-min, 44px);
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-card__price {
    justify-content: flex-start;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-skel {
    height: 260px;
    border: none;
    background: var(--mob-fill-secondary, var(--surface-2));
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-how {
    padding: var(--space-4);
    border-radius: var(--mob-menu-group-radius, 14px);
    border: none;
    background: var(--mob-fill-secondary, var(--surface-2));
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-how__steps {
    gap: var(--space-3);
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-state {
    border-radius: var(--mob-menu-group-radius, 14px);
    border: none;
    background: var(--mob-fill-secondary, var(--surface-2));
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-state__actions {
    flex-direction: column;
    align-items: stretch;
  }

  body.mood-mobile-v3 #pageFsShop .fsshop-state__btn {
    min-height: var(--mob-touch-min, 44px);
  }

  @media (min-width: 390px) {
    body.mood-mobile-v3 #pageFsShop .fsshop-grid,
    body.mood-mobile-v3 #pageFsShop .fsshop-skeleton {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  /* ——— News / tournaments (unchanged scope) ——— */
  body.mood-mobile-v3 #pageNews .news-page-grid,
  body.mood-mobile-v3 #newsPageContent .news-grid {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  body.mood-mobile-v3 #pageTournaments .tournaments-grid,
  body.mood-mobile-v3 #tournamentsListContent .tournament-card {
    border-radius: var(--radius-xl);
  }

  body.mood-mobile-v3 #pageFsPick .mood-fs-pick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  @media (min-width: 390px) {
    body.mood-mobile-v3 #pageFsPick .mood-fs-pick-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}