/* چیدمان دسکتاپ مشترک — همه صفحات brand */
@media (min-width: 48rem) {
  body.brand-page,
  body.basket-page,
  body.account-page,
  body.product-page,
  body.products-page,
  body.categories-page,
  body.legal-page,
  body.admin-page.is-admin-app {
    padding-bottom: 0;
  }

  body.basket-page .app-shell,
  body.account-page .app-shell,
  body.basket-page.brand-page .app-shell,
  body.account-page.brand-page .app-shell {
    width: 100%;
    max-width: none;
  }

  .app-shell > .app-nav {
    grid-column: 1;
    grid-row: 1 / -1;
  }

  .app-shell > .app-shell__main {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
  }

  .app-shell__main > .store-header,
  .app-shell__main > .products-float-stack,
  .app-shell__main > .products-float-stack > .store-header {
    max-width: none;
    width: 100%;
    margin-inline: 0;
    box-sizing: border-box;
  }

  .app-shell__main > .page-main,
  .app-shell__main > .page-main--basket,
  .app-shell__main > .page-main--account,
  .app-shell__main > .page-main--product,
  .app-shell__main > .page-main--products,
  .app-shell__main > .page-main--categories,
  .app-shell__main > .page-main--legal,
  .app-shell__main > .page-main--admin {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
  }

  .app-shell__main > .store-footer {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
  }

  .app-shell__main > .store-footer .store-footer__inner,
  .app-shell__main > .store-footer .store-footer__bottom,
  .app-shell__main > .store-footer .store-footer__trust {
    max-width: var(--content-max);
    margin-inline: auto;
  }
}

@media (min-width: 64rem) {
  :root {
    --pad-inline: 1.5rem;
    --app-nav-rail-icon: 2.5rem;
    --app-nav-rail-w: 5.25rem;
    --app-nav-rail-expanded: 15.5rem;
  }

  .app-shell.is-shell-collapsed {
    --shell-sidebar: var(--app-nav-rail-w);
  }

  .app-shell:not(.is-shell-collapsed) {
    --shell-sidebar: var(--app-nav-rail-expanded);
  }

  /* هدر + سایدبار — همان مقیاس صفحه home */
  .app-nav__brand-text {
    max-width: min(10rem, 100%);
    font-size: 0.95rem;
  }

  .store-logo__img {
    width: 3rem;
    height: 3rem;
  }

  .store-logo__text {
    font-size: 1.1rem;
  }

  .store-header__auth {
    font-size: 0.85rem;
    padding: 0.55rem 1rem;
    max-width: none;
  }
}
