/* Tabler controls layout, spacing, components and responsive behavior.
   This layer contains Slyym branding and product-specific constraints only. */
:root {
  --tblr-primary: #1769ff;
  --tblr-primary-rgb: 23, 105, 255;
  --tblr-link-color: #1769ff;
  --tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.slyym-navbar { --tblr-navbar-bg: #101e3b; }
.slyym-brand { letter-spacing: .14em; font-weight: 700; }
.slyym-brand small { letter-spacing: .18em; font-size: .6rem; font-weight: 400; }
.slyym-brand img { width: 34px; height: 34px; }
.slyym-product-name { min-width: 170px; max-width: 340px; white-space: normal; }
.slyym-sku { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }
.slyym-money { font-variant-numeric: tabular-nums; white-space: nowrap; }
.slyym-product-panel { --tblr-offcanvas-width: min(34rem, 100vw); }
.slyym-filter-category { max-width: 100%; }
.slyym-preview { position: relative; z-index: 1031; }
.slyym-description { max-width: 62ch; }
@media (min-width: 992px) {
  .slyym-preview ~ .page .navbar-vertical { padding-top: 3rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}