/* نساج — mobile responsive (shared) */
html, body {
  max-width: 100vw;
  overflow-x: hidden;
}

img, svg, video, canvas {
  max-width: 100%;
}

@media (max-width: 860px) {
  .nassaj-mobile-nav { display: flex !important; }
  .nassaj-body-pad { padding-bottom: 70px; }
  .nassaj-topbar-info { display: none !important; }
  .nassaj-topbar { padding: 7px 14px !important; }
  .nassaj-desktop-nav { display: none !important; }
  .nassaj-hide-mobile { display: none !important; }
  .nassaj-hamburger { display: flex !important; }

  .nassaj-footer-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
  .nassaj-footer-links { display: none !important; }

  .nassaj-hero { grid-template-columns: 1fr !important; gap: 24px !important; margin: 24px auto !important; }
  .nassaj-bento {
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    gap: 12px !important;
  }
  .nassaj-bento > *:first-child { grid-column: 1 / -1 !important; }
  .nassaj-bento-feature,
  .nassaj-bento-designer { grid-column: 1 / -1 !important; min-height: 220px !important; }

  .nassaj-grid-4,
  .nassaj-shop-grid,
  .pd-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  .nassaj-grid-3 { grid-template-columns: 1fr !important; }

  .nassaj-section-pad,
  .pd-pad,
  .cart-pad,
  .ck-pad,
  .dp-pad,
  .cd-pad,
  .ty-pad { padding-left: 16px !important; padding-right: 16px !important; }

  .nassaj-promo-banner,
  .nassaj-shop-banner {
    padding: 24px 16px !important;
    min-height: auto !important;
  }

  .nassaj-qv {
    grid-template-columns: 1fr !important;
    height: auto !important;
    max-height: 92vh !important;
    overflow-y: auto !important;
  }
  .nassaj-qv-colors { grid-template-columns: repeat(3, 1fr) !important; }

  /* Cart / Checkout */
  .ck-grid { grid-template-columns: 1fr !important; gap: 16px !important; width: 100% !important; }
  .ck-summary { position: static !important; top: auto !important; order: -1; width: 100% !important; min-width: 0 !important; }
  .ck-form-2col { grid-template-columns: 1fr !important; }
  .ck-cart-item { flex-wrap: wrap !important; gap: 12px !important; padding: 14px !important; }

  /* Product detail (not listing .pd-grid) */
  .pd-detail { grid-template-columns: 1fr !important; gap: 28px !important; }
  .pd-specs { grid-template-columns: 1fr !important; }
  .pd-chips { grid-template-columns: 1fr !important; }
  .pd-related > div { flex-basis: calc(50% - 6px) !important; min-width: 160px !important; }
  .pd-buy-row { flex-wrap: wrap !important; gap: 10px !important; }

  /* Designer Profile */
  .dp-cover { height: 220px !important; }
  .dp-cover-crumbs {
    top: 14px !important;
    font-size: 11px !important;
    padding-inline: 12px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  .dp-cover-title {
    inset-inline-start: 16px !important;
    inset-inline-end: 16px !important;
    bottom: 64px !important;
  }
  .dp-cover-title h1 { font-size: 22px !important; }
  .dp-avatar {
    width: 84px !important;
    height: 84px !important;
    bottom: -40px !important;
    inset-inline-start: 16px !important;
  }
  .dp-stats { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; }
  .dp-stats > div { padding: 14px 8px !important; }
  .dp-stats .dp-stat-num { font-size: 18px !important; }
  .dp-designs { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  .dp-col-picker { display: none !important; }

  /* Client Dashboard */
  .cd-layout { grid-template-columns: 1fr !important; gap: 16px !important; }
  .cd-sidebar { position: static !important; height: auto !important; }
  .cd-sidebar-nav {
    flex-direction: row !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    gap: 6px !important;
    padding: 10px !important;
  }
  .cd-sidebar-nav > button,
  .cd-sidebar-nav > a {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  .cd-designs { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  .cd-form-2col,
  .cd-form-3col { grid-template-columns: 1fr !important; }
  .cd-order-row { flex-wrap: wrap !important; }

  /* Designer tool */
  .dsg-color-grid { grid-template-columns: 1fr !important; }
  .dsg-main-pad { padding-left: 16px !important; padding-right: 16px !important; }
  .nassaj-buy-top { flex-wrap: wrap !important; gap: 10px !important; }

  /* Auth — page handles its own no-scroll layout */
  .auth-theme-btn { top: 12px !important; left: 12px !important; width: 40px !important; height: 40px !important; }

  /* Thank you */
  .ty-header { padding: 14px 16px !important; }
  .ty-pad { padding: 28px 16px 48px !important; }
  .ty-title { font-size: 22px !important; }
  .ty-card { padding: 18px !important; }
  .ty-actions {
    flex-direction: column !important;
    width: 100% !important;
    align-items: stretch !important;
  }
  .ty-actions > a {
    width: 100% !important;
    justify-content: center !important;
  }
}

@media (max-width: 480px) {
  .nassaj-bento { grid-template-columns: 1fr !important; }
  .nassaj-grid-4,
  .nassaj-shop-grid,
  .pd-related,
  .dp-designs,
  .cd-designs { grid-template-columns: 1fr !important; }
  .dp-stats { gap: 6px !important; }
  .dp-stats > div { padding: 12px 6px !important; border-radius: 12px !important; }
  .dp-stats .dp-stat-label { font-size: 10.5px !important; }
}

@media (max-width: 1024px) {
  .nassaj-search-form-desktop { display: none !important; }
  .nassaj-search-icon-mobile { display: flex !important; }
}