/* Meeow pages v1.1 (@layer pages, ADR-0023)
   Page-level pieces built on the design system. Soft UI Evolution overrides
   tighten bubbly legacy radii so the app reads as professional software
   while brand warmth stays in colour and character art. */

/* ---------- «میو برات دید» in the «امروز» overview ---------- */
.pn-intel { display: grid; gap: var(--ds-space-3); margin: 0; }
.pn-intel-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--ds-space-2) var(--ds-space-4); flex-wrap: wrap; }
.pn-intel-head h2 { margin: 0; font-size: var(--ds-text-md); }
.pn-intel-head small { color: var(--ds-ink-3); font-size: var(--ds-text-xs); }
/* One row that snaps, so the overview stays short however many cards there are. */
.pn-intel-list {
  display: grid; gap: var(--ds-space-3); align-items: stretch;
  grid-auto-flow: column; grid-auto-columns: minmax(280px, calc(50% - 6px));
  margin-inline: -4px; padding: 2px 4px 8px;
  overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory; scroll-padding-inline: 4px;
  scrollbar-width: thin; scrollbar-color: var(--ds-line-2) transparent;
}
.pn-intel-list:has(> :only-child) { grid-auto-columns: 100%; }
.pn-intel-list > * { scroll-snap-align: start; }
.pn-intel-empty { margin: 0; color: var(--ds-ink-3); font-size: var(--ds-text-sm); }
.pn-intel-reset { justify-self: start; }
@media (max-width: 760px) {
  .pn-intel-list { grid-auto-columns: minmax(260px, 86%); scrollbar-width: none; }
  .pn-intel-list::-webkit-scrollbar { display: none; }
}

/* ---------- Soft UI Evolution: shared surfaces (home, rail, shop cards) ---------- */
.hv3-hero,
.hv3-shell .lx-appband,
.hv3-shell .lx-rail,
.hv3-services .lx-service-list,
.hv3-trust ul,
.more-sheet__list,
.more-sheet__links,
.sv1-empty img,
.hv3-appscene img {
  border-radius: var(--ds-radius-xl);
}

.hv3-hero__copy .primary-button,
.hv3-hero .primary-button,
.site-header .login-button,
.header-actions .login-button {
  border-radius: var(--ds-radius-md);
}

.hv3-hero__filters button,
.hv3-search__chips button,
.lx-chip,
.sv1-chip,
.sv1-badge,
.sv1-trust li,
.sf-env,
.lx-ill {
  border-radius: var(--ds-radius-pill);
}

.lx-service,
.quick-card,
.product-card,
.sv1-card,
.hv3-trust__icon,
.more-sheet__list button,
.more-sheet__list a {
  border-radius: var(--ds-radius-lg);
  box-shadow: var(--ds-elev-1);
}

.quick-card:hover,
.product-card:hover,
.lx-service:hover {
  transform: translateY(-2px);
  box-shadow: var(--ds-elev-2);
}

.hv3-search__field,
.hv3-search__panel {
  border-radius: var(--ds-radius-md);
  border-color: var(--ds-line);
  background: var(--ds-surface-2);
}

.more-sheet {
  border-radius: var(--ds-radius-xl) var(--ds-radius-xl) 0 0;
}

@media (max-width: 860px) {
  .hv3-hero,
  .hv3-shell .lx-appband,
  .hv3-shell .lx-rail {
    border-radius: var(--ds-radius-lg);
  }
}